diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
index a9b5043d55edf9d7bd0a52eb64e803ffc04f50e5..11107adf5a4c9df2f3be91fc564f18c50f7b03f9 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/create-new-group.spec.js.snap
@@ -2,18 +2,14 @@
exports[`CreateNewGroup elements rendering renders correctly 1`] = `
<div
- class="m-6"
+ class="w-full max-w-md m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[10%] p-4"
>
<!-- Component heading -->
- <div
- class="flex justify-center mt-6"
+ <h3
+ class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
>
- <p
- class="text-4xl"
- >
- Opprett Gruppe
- </p>
- </div>
+ Opprett ny gruppe
+ </h3>
<!-- Radio boxes -->
<div
class="mt-6"
@@ -72,7 +68,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
Gruppenavn
</label>
<input
- class="bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
id="title"
required=""
type="text"
@@ -91,7 +87,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
By/Sted
</label>
<input
- class="bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
required=""
type="text"
/>
@@ -110,7 +106,7 @@ exports[`CreateNewGroup elements rendering renders correctly 1`] = `
Beskrivelse
</label>
<textarea
- class="block p-2.5 w-full text-sm text-gray-900 bg-gray-200 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
id="description"
required=""
rows="4"
diff --git a/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap b/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap
index a975fa560f988edeb59aee0a62e951b18b9192e2..fa0d16d3f777ebe22ef375a90219513a5bec5559 100644
--- a/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap
+++ b/tests/unit/component-tests/community-component-tests/__snapshots__/new-item-form.spec.js.snap
@@ -2,18 +2,14 @@
exports[`NewItemForm component renders correctly 1`] = `
<div
- class="m-6"
+ class="w-full max-w-md m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[3%] p-4"
>
<!-- Component heading -->
- <div
- class="flex justify-center"
+ <h3
+ class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
>
- <p
- class="text-4xl mb-6 mt-6"
- >
- Utleie
- </p>
- </div>
+ Utleie
+ </h3>
<!-- Title -->
<div
class="mb-6"
@@ -25,7 +21,7 @@ exports[`NewItemForm component renders correctly 1`] = `
Tittel
</label>
<input
- class="bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
id="title"
required=""
type="text"
@@ -45,7 +41,7 @@ exports[`NewItemForm component renders correctly 1`] = `
Kategori
</label>
<select
- class="bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
id="categories"
>
<option
@@ -92,7 +88,7 @@ exports[`NewItemForm component renders correctly 1`] = `
Gruppe
</label>
<select
- class="bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
>
<option
class="text-gray-400"
@@ -129,7 +125,7 @@ exports[`NewItemForm component renders correctly 1`] = `
Pris
</label>
<input
- class="bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
id="price"
required=""
type="number"
@@ -149,7 +145,7 @@ exports[`NewItemForm component renders correctly 1`] = `
Beskrivelse
</label>
<textarea
- class="block p-2.5 w-full text-sm text-gray-900 bg-gray-200 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
id="description"
required=""
rows="4"
@@ -168,7 +164,7 @@ exports[`NewItemForm component renders correctly 1`] = `
Adresse
</label>
<input
- class="bg-gray-200 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
id="adress"
required=""
type="text"
@@ -192,9 +188,9 @@ exports[`NewItemForm component renders correctly 1`] = `
type="file"
/>
<button
- class="text-black bg-gray-200 hover:bg-grey-800 focus:ring-4 focus:outline-none focus:ring-grey-300 font-medium rounded-lg text-sm sm:w-auto px-5 py-2.5 text-center dark:bg-grey-600 dark:hover:bg-grey-700 dark:focus:ring-grey-800"
+ class="block text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
>
- Velg bilde
+ Velg bilde
</button>
@@ -204,10 +200,10 @@ exports[`NewItemForm component renders correctly 1`] = `
class="flex justify-center"
>
<button
- class="content-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+ class="block text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
id="saveButton"
>
- Lagre
+ Lagre
</button>
</div>
</div>
diff --git a/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap b/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap
index c712a500effa0e3f64c2187aaa330efdc6fb68a6..28ff5c0964f00d70a6f5c245fc8cdab0dab9b06e 100644
--- a/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap
+++ b/tests/unit/component-tests/user-component-tests/__snapshots__/login-form.spec.js.snap
@@ -2,100 +2,76 @@
exports[`LoginForm component renders correctly 1`] = `
<div
- class="max-w-md p-6 mx-auto rounded-md shadow-lg mt-16"
+ class="w-full max-w-md m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl mt-[10%]"
>
<div
- class="flex justify-center text-2xl"
+ class="px-6 py-4 mt-4"
>
- Logg inn
- </div>
- <div
- class="m-6"
- id="emailField"
- >
- <div
- class="mb-6"
+ <h3
+ class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
>
- <label
- class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
- for="email"
+ Logg på
+ </h3>
+ <div>
+ <div
+ class="w-full mt-6"
>
- E-post
- </label>
- <input
- class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
- id="email"
- placeholder="eksempel@eksempel.no"
- required=""
- type="email"
- />
- <!-- error message -->
-
-
- </div>
- </div>
- <div
- class="m-6"
- id="passwordField"
- >
- <label
- class="block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300"
- for="password"
- >
- Passord
- </label>
- <input
- class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
- id="password"
- required=""
- type="password"
- />
- <!-- error message -->
-
-
- </div>
- <div
- class="m-6"
- id="buttonsField"
- >
- <div
- class="align-items: flex-end; mb-6"
- >
+ <input
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
+ placeholder="Skriv inn din e-postadresse *"
+ required=""
+ type="email"
+ />
+ <!-- error message -->
+
+
+ </div>
<div
- class="ml-3 text-sm"
+ class="w-full mt-6"
>
- <router-link
- class="text-blue-600 flex justify-end"
- to="/resetPassword"
- >
- Glemt passord
- </router-link>
+ <input
+ class="block w-full px-4 py-2 mt-2 text-gray-700 placeholder-gray-500 bg-white border rounded-md dark:bg-gray-800 dark:border-gray-600 dark:placeholder-gray-400 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-opacity-40 focus:outline-none focus:ring focus:ring-blue-300"
+ placeholder="Vennligst oppgi passordet ditt *"
+ required=""
+ type="password"
+ />
+ <!-- error message -->
+
+
</div>
- </div>
- <button
- class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5"
- >
- Logg inn
- </button>
- <div
- class="align-items: flex-end; mb-6 mt-12"
- >
<div
- class="text-sm"
+ class="flex items-center justify-between mt-8"
>
<router-link
- class="text-blue-600 flex justify-center"
- to="register"
+ class="text-blue-500"
+ to="/resetPassword"
>
- Ny bruker
+ Glemt passord?
</router-link>
+ <button
+ class="block text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+ >
+ Logg på
+ </button>
</div>
</div>
- <div
- class="flex justify-center"
+ </div>
+ <div
+ class="flex items-center justify-center py-4 text-center bg-gray-50 dark:bg-gray-700"
+ >
+ <router-link
+ class="mx-2 text-sm font-bold text-blue-500 dark:text-blue-400 hover:underline"
+ to="/register"
>
- <label />
- </div>
+ Opprette ny konto
+ </router-link>
+ </div>
+ <div
+ class="flex items-center justify-center text-center bg-gray-50"
+ >
+ <label
+ class="mx-2 text-sm font-bold text-red-500 dark:text-blue-400 hover:underline"
+ />
</div>
</div>
`;