From a4c4ba72b7bf24bdf5d693fdcc74621de7447a6a Mon Sep 17 00:00:00 2001
From: Titus Kristiansen <titusk@stud.ntnu.no>
Date: Wed, 4 May 2022 12:05:25 +0200
Subject: [PATCH] Restyle of components
---
src/components/BaseComponents/PaginationTemplate.vue | 4 ++--
src/components/CommunityComponents/NewCommunityForm.vue | 2 +-
src/components/FormComponents/LoginForm.vue | 2 +-
src/components/FormComponents/RegisterForm.vue | 2 +-
src/components/FormComponents/ResetPasswordForm.vue | 2 +-
src/components/ItemComponents/NewItemForm.vue | 2 +-
src/components/UserProfileComponents/UserItems.vue | 2 +-
src/views/CommunityViews/CommunityView.vue | 8 ++++----
8 files changed, 12 insertions(+), 12 deletions(-)
diff --git a/src/components/BaseComponents/PaginationTemplate.vue b/src/components/BaseComponents/PaginationTemplate.vue
index 206f880..b6907f1 100644
--- a/src/components/BaseComponents/PaginationTemplate.vue
+++ b/src/components/BaseComponents/PaginationTemplate.vue
@@ -2,7 +2,7 @@
<div v-if="totalPages() > 0">
<span
v-if="showPreviousLink()"
- class="cursor-pointer inline-flex items-center p-2 text-sm font-medium text-gray-500 bg-white rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700"
+ class="cursor-pointer inline-flex items-center p-2 text-sm font-medium text-primary-light bg-white rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700"
@click="updatePage(currentPage - 1)"
>
Forrige
@@ -10,7 +10,7 @@
<label class="mx-2">{{ currentPage + 1 }} av {{ totalPages() }}</label>
<span
v-if="showNextLink()"
- class="cursor-pointer inline-flex items-center p-2 text-sm font-medium text-gray-500 bg-white rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700"
+ class="cursor-pointer inline-flex items-center p-2 text-sm font-medium text-primary-light bg-white rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700"
@click="updatePage(currentPage + 1)"
>
Neste
diff --git a/src/components/CommunityComponents/NewCommunityForm.vue b/src/components/CommunityComponents/NewCommunityForm.vue
index fa6652b..54f3ba8 100644
--- a/src/components/CommunityComponents/NewCommunityForm.vue
+++ b/src/components/CommunityComponents/NewCommunityForm.vue
@@ -4,7 +4,7 @@
>
<!-- Component heading -->
<div
- class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-10"
+ class="text-xl md:text-2xl font-medium text-center text-primary-light mt-4 mb-10"
>
Opprett ny gruppe
</div>
diff --git a/src/components/FormComponents/LoginForm.vue b/src/components/FormComponents/LoginForm.vue
index c1b38f5..362dec9 100644
--- a/src/components/FormComponents/LoginForm.vue
+++ b/src/components/FormComponents/LoginForm.vue
@@ -4,7 +4,7 @@
>
<div class="px-6 py-4 mt-4">
<div
- class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
+ class="text-xl md:text-2xl font-medium text-center text-primary-light mt-4 mb-8"
>
Logg på
</div>
diff --git a/src/components/FormComponents/RegisterForm.vue b/src/components/FormComponents/RegisterForm.vue
index 994ec85..12c4a12 100644
--- a/src/components/FormComponents/RegisterForm.vue
+++ b/src/components/FormComponents/RegisterForm.vue
@@ -3,7 +3,7 @@
class="w-full max-w-md mx-auto mb-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl p-4"
>
<div
- class="text-xl md:text-2xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
+ class="text-xl md:text-2xl font-medium text-center text-primary-light mt-4 mb-8"
id="registerLabel"
>
Opprett ny konto
diff --git a/src/components/FormComponents/ResetPasswordForm.vue b/src/components/FormComponents/ResetPasswordForm.vue
index 36fd9aa..6f95c52 100644
--- a/src/components/FormComponents/ResetPasswordForm.vue
+++ b/src/components/FormComponents/ResetPasswordForm.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"
+ class="text-xl font-medium text-center text-primary-light mt-4 mb-8"
>
Glemt passordet ditt?
</h3>
diff --git a/src/components/ItemComponents/NewItemForm.vue b/src/components/ItemComponents/NewItemForm.vue
index ad87fd4..b92f23e 100644
--- a/src/components/ItemComponents/NewItemForm.vue
+++ b/src/components/ItemComponents/NewItemForm.vue
@@ -4,7 +4,7 @@
>
<!-- Component heading -->
<h3
- class="text-xl font-medium text-center text-gray-600 dark:text-gray-200 mt-4 mb-8"
+ class="text-xl font-medium text-center text-primary-light mt-4 mb-8"
>
Opprett ny utleie
</h3>
diff --git a/src/components/UserProfileComponents/UserItems.vue b/src/components/UserProfileComponents/UserItems.vue
index 7b9a503..02179d6 100644
--- a/src/components/UserProfileComponents/UserItems.vue
+++ b/src/components/UserProfileComponents/UserItems.vue
@@ -1,7 +1,7 @@
<template>
<div
id="headline"
- class="text-xl md:text-2xl text-gray-600 font-medium w-full"
+ class="text-xl md:text-2xl text-primary-light font-medium"
>
Dine gjenstander
</div>
diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue
index bd7b2ea..52e7110 100644
--- a/src/views/CommunityViews/CommunityView.vue
+++ b/src/views/CommunityViews/CommunityView.vue
@@ -2,7 +2,7 @@
<!-- My communities, with pagination -->
<div v-if="loggedIn">
<div class="flex flex-row p-4 relative">
- <div class="text-xl md:text-2xl text-gray-600 font-medium w-full">
+ <div class="text-xl md:text-2xl text-primary-light font-medium w-full">
Mine grupper
</div>
<UserAddIcon
@@ -20,13 +20,13 @@
v-on:page:update="updatePageMyCommunities"
v-bind:currentPage="currentPageMyCommunities"
v-bind:pageSize="pageSizeMyCommunities"
- class="mt-10 mb-5"
+ class="mt-4"
/>
</div>
</div>
<!-- Public communities, with search and pagination -->
- <p class="text-xl md:text-2xl text-gray-600 font-medium w-full p-4">
+ <p class="text-xl md:text-2xl text-primary-light font-medium w-full p-4">
Offentlige grupper
</p>
<!-- Search field -->
@@ -61,7 +61,7 @@
v-on:page:update="updatePagePublicCommunities"
v-bind:currentPage="currentPagePublicCommunities"
v-bind:pageSize="pageSizePublicCommunities"
- class="mt-10 mb-5"
+ class="my-4"
/>
</div>
</template>
--
GitLab