diff --git a/src/components/BaseComponents/CommunityHeader.vue b/src/components/BaseComponents/CommunityHeader.vue index 9d36eafc7790593410c54a64a51c3406cb1eeed7..d405e03f83db080f399ac4480ea1d501f2a7929a 100644 --- a/src/components/BaseComponents/CommunityHeader.vue +++ b/src/components/BaseComponents/CommunityHeader.vue @@ -2,7 +2,7 @@ <div class="flex items-center justify-between mx-4"> <div class="flex-1 min-w-0"> <h2 - class="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate" + class="text-xl md:text-2xl text-gray-600 font-medium w-full sm:truncate" > {{ community.name }} </h2> diff --git a/src/components/CommunityComponents/NewCommunityForm.vue b/src/components/CommunityComponents/NewCommunityForm.vue index d9bf923296a42c70521274ba6dcc5e275b75bb22..ed7394f5809b6232b0091261c47fbea7d4cb0919 100644 --- a/src/components/CommunityComponents/NewCommunityForm.vue +++ b/src/components/CommunityComponents/NewCommunityForm.vue @@ -1,11 +1,11 @@ <template> <div class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full p-4"> <!-- Component heading --> - <h3 - class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8" + <div + class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8" > Opprett ny gruppe - </h3> + </div> <!-- Radio boxes --> <div class="mt-6"> diff --git a/src/components/FormComponents/LoginForm.vue b/src/components/FormComponents/LoginForm.vue index a3c4dd2f9e049ec7b1fe18c68427659223bbd9d7..24a99ea3717a9ac64b944ebef5e4df2f7cc52dd4 100644 --- a/src/components/FormComponents/LoginForm.vue +++ b/src/components/FormComponents/LoginForm.vue @@ -1,11 +1,11 @@ <template> <div class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full"> <div class="px-6 py-4 mt-4"> - <h3 - class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8" + <div + class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8" > Logg på - </h3> + </div> <div> <div diff --git a/src/components/FormComponents/NewPasswordForm.vue b/src/components/FormComponents/NewPasswordForm.vue index 667da928ac0430fea928a78723f73af715622209..0675e051a873b2717bb96a3cc4a43fb4f4e67114 100644 --- a/src/components/FormComponents/NewPasswordForm.vue +++ b/src/components/FormComponents/NewPasswordForm.vue @@ -3,7 +3,7 @@ class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full p-4" > - <h3 class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8">Endre passord</h3> + <div class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8">Endre passord</div> <div id="firstPasswordField" diff --git a/src/components/FormComponents/RegisterForm.vue b/src/components/FormComponents/RegisterForm.vue index a2fc3c208a551402412bb31dffc3e73fac640275..b38e67e649096490a77584b928a71c94e4465267 100644 --- a/src/components/FormComponents/RegisterForm.vue +++ b/src/components/FormComponents/RegisterForm.vue @@ -2,11 +2,11 @@ <div class="w-full max-w-md mx-auto mb-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl p-4" > - <h3 - class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8" + <div + class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8" > - Opprett ny bruker - </h3> + Opprett ny konto + </div> <form @submit.prevent> <div class="grid grid-cols-1 gap-6 mt-4"> @@ -157,7 +157,7 @@ </div> <div class="flex justify-end mt-6"> - <Button @click="submit" :text="'Lagre'"></Button> + <Button @click="submit" :text="'Opprett'"></Button> </div> </form> </div> diff --git a/src/components/FormComponents/ResetPasswordForm.vue b/src/components/FormComponents/ResetPasswordForm.vue index a3232e339f78a7ce82eee0a3199b966d9bc90178..5443c3c0bab2cc57db4b1a3425a3e781343c1f69 100644 --- a/src/components/FormComponents/ResetPasswordForm.vue +++ b/src/components/FormComponents/ResetPasswordForm.vue @@ -1,7 +1,7 @@ <template> <div class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full p-4"> - <h3 class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8">Glemt passordet ditt?</h3> + <div class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8">Glemt passordet ditt?</div> <div id="emailField" diff --git a/src/components/ItemComponents/NewItemForm.vue b/src/components/ItemComponents/NewItemForm.vue index ea6abb83500cae80226ad71f2816b129cce4fb85..2203351d11b34c2b10264c5cd0019e78ca13d578 100644 --- a/src/components/ItemComponents/NewItemForm.vue +++ b/src/components/ItemComponents/NewItemForm.vue @@ -1,7 +1,7 @@ <template> <div class="md:ring-1 ring-gray-300 rounded-xl overflow-hidden mx-auto mb-auto max-w-md w-full p-4"> <!-- Component heading --> - <h3 class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8">Opprett ny utleie</h3> + <div class="text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8">Opprett ny utleie</div> <!-- Title --> <div class="mb-6" :class="{ error: v$.item.title.$errors.length }"> diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue index 97b774a1c48dc778df7996ae32c0e743e7435f6e..bce840c9585e15ccd6bc5dd1b1539101065139db 100644 --- a/src/views/CommunityViews/CommunityView.vue +++ b/src/views/CommunityViews/CommunityView.vue @@ -1,7 +1,7 @@ <template> <div v-if="loggedIn"> <div class="flex flex-row p-4 relative"> - <p class="capitalize font-bold w-full">Mine felleskap</p> + <p class="text-xl md:text-2xl text-gray-600 font-medium w-full">Mine felleskap</p> <UserAddIcon class="cursor-pointer max-h-6 max-w-6 float-right grow" @click="$router.push('/newCommunity')" @@ -11,7 +11,7 @@ </div> <CommunityList :communities="myCommunities" :member="true" /> </div> - <p class="capitalize font-bold w-full p-4">Offentlige felleskap</p> + <p class="text-xl md:text-2xl text-gray-600 font-medium w-full m-4">Offentlige felleskap</p> <CommunityList :communities="publicCommunities" :member="false" /> </template>