From 10e0c56f5ec40d41ae67c8f7a9e25ed817d7fcef Mon Sep 17 00:00:00 2001
From: Ina <inamar@stud.ntnu.no>
Date: Wed, 24 Apr 2024 14:46:44 +0200
Subject: [PATCH] style: update colors on styling
---
src/components/FormLogin.vue | 8 ++++----
src/components/FormRegister.vue | 2 +-
src/views/ResetPasswordView.vue | 2 +-
3 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/components/FormLogin.vue b/src/components/FormLogin.vue
index 8d22292..f694783 100644
--- a/src/components/FormLogin.vue
+++ b/src/components/FormLogin.vue
@@ -75,12 +75,12 @@ watch(
class="w-full"
placeholder="Skriv inn passord"
/>
- <button class="absolute right-0 top-1 bg-transparent" @click="toggleShowPassword">
+ <button class="absolute right-0 top-1 bg-transparent hover:bg-transparent" @click="toggleShowPassword">
{{ showPassword ? '🔓' : '🔒' }}
</button>
<a
@click="openForgotPasswordModal"
- class="absolute right-3 top-10 hover:underline hover:bg-transparent cursor-pointer"
+ class="transition-none absolute right-3 top-10 hover:underline hover:bg-transparent text-[#ef9691] hover:transition-none hover:p-0 cursor-pointer"
>Glemt passord?</a
>
</div>
@@ -115,13 +115,13 @@ watch(
<button
:disabled="!isEmailValid"
@click="submitReset"
- class="active-button font-bold py-2 px-4 w-1/2 hover:bg-[#f7da7c] border-2 border-[#f7da7c] disabled:border-transparent"
+ class="active-button font-bold py-2 px-4 w-1/2 border-2 disabled:border-transparent"
>
Send mail
</button>
<button
@click="closeModal"
- class="active-button font-bold py-2 px-4 w-1/2 hover:bg-[#f7da7c] border-2 border-[#f7da7c] disabled:border-transparent"
+ class="active-button font-bold py-2 px-4 w-1/2 border-2 disabled:border-transparent"
>
Lukk
</button>
diff --git a/src/components/FormRegister.vue b/src/components/FormRegister.vue
index d32c4d0..9ca8b91 100644
--- a/src/components/FormRegister.vue
+++ b/src/components/FormRegister.vue
@@ -130,7 +130,7 @@ watch(
class="w-full"
:class="{ 'bg-green-200': isPasswordValid }"
/>
- <button class="absolute right-0 top-1 bg-transparent" @click="toggleShowPassword">
+ <button class="absolute right-0 top-1 bg-transparent hover:bg-transparent" @click="toggleShowPassword">
{{ showPassword ? '🔓' : '🔒' }}
</button>
</div>
diff --git a/src/views/ResetPasswordView.vue b/src/views/ResetPasswordView.vue
index d2816f5..6eacf26 100644
--- a/src/views/ResetPasswordView.vue
+++ b/src/views/ResetPasswordView.vue
@@ -20,7 +20,7 @@
:class="{ 'bg-green-200': isPasswordValid }"
/>
<button
- class="absolute right-0 top-1 bg-transparent"
+ class="absolute right-0 top-1 bg-transparent hover:bg-transparent"
@click="toggleShowPassword"
>
{{ showPassword ? '🔓' : '🔒' }}
--
GitLab