diff --git a/src/components/FormLogin.vue b/src/components/FormLogin.vue index 8d22292fcbce4efd3d79887b6c73745578f31324..f6947834bdd768cd8f8debbf28d6ae874a2b7836 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 d32c4d0d3682864b2fd8298b62858b7d13f5ddf3..9ca8b9166f7594ab6a0cd76d84c5694c90d6c378 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 d2816f564c9b2ec96a6657ae7f3f6e085a7638d4..6eacf26404a862292a847529cf8486b8c33d9d0e 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 ? '🔓' : '🔒' }}