From fc65032d057ac3f5f4ef69faf03bcc7045ff47f9 Mon Sep 17 00:00:00 2001
From: Titus Kristiansen <titusk@stud.ntnu.no>
Date: Mon, 2 May 2022 13:45:39 +0200
Subject: [PATCH] Component styling update
---
src/components/BaseComponents/CommunityHeader.vue | 2 +-
.../CommunityComponents/NewCommunityForm.vue | 6 +++---
src/components/FormComponents/LoginForm.vue | 6 +++---
src/components/FormComponents/NewPasswordForm.vue | 2 +-
src/components/FormComponents/RegisterForm.vue | 10 +++++-----
src/components/FormComponents/ResetPasswordForm.vue | 2 +-
src/components/ItemComponents/NewItemForm.vue | 2 +-
src/views/CommunityViews/CommunityView.vue | 4 ++--
8 files changed, 17 insertions(+), 17 deletions(-)
diff --git a/src/components/BaseComponents/CommunityHeader.vue b/src/components/BaseComponents/CommunityHeader.vue
index 9d36eaf..d405e03 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 d9bf923..ed7394f 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 a3c4dd2..24a99ea 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 667da92..0675e05 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 a2fc3c2..b38e67e 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 a3232e3..5443c3c 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 ea6abb8..2203351 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 97b774a..bce840c 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>
--
GitLab