From 9dbe1aded3df8921a3d424488b6869d6a525d22b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Malin=20Haugland=20H=C3=B8li?= <malin.holi@gmail.com>
Date: Thu, 2 May 2024 12:59:44 +0200
Subject: [PATCH] refactor: :ambulance: Update design
---
src/components/FormRegister.vue | 14 +++++++-------
src/components/ProgressBar.vue | 3 ++-
2 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/src/components/FormRegister.vue b/src/components/FormRegister.vue
index 750dad0..a23f872 100644
--- a/src/components/FormRegister.vue
+++ b/src/components/FormRegister.vue
@@ -62,7 +62,7 @@ watch(
<input
v-model="firstname"
name="firstname"
- :class="{ 'bg-green-200': isFirstNameValid }"
+ :class="{ 'border-2 border-lime-400': isFirstNameValid }"
placeholder="Skriv inn fornavn"
type="text"
/>
@@ -77,7 +77,7 @@ watch(
<input
v-model="lastname"
name="lastname"
- :class="{ 'bg-green-200': isLastNameValid }"
+ :class="{ 'border-2 border-lime-400': isLastNameValid }"
placeholder="Skriv inn etternavn"
type="text"
/>
@@ -92,7 +92,7 @@ watch(
<input
v-model="email"
name="email"
- :class="{ 'bg-green-200': isEmailValid }"
+ :class="{ 'border-2 border-lime-400': isEmailValid }"
placeholder="Skriv inn e-post"
type="text"
/>
@@ -109,7 +109,7 @@ watch(
name="username"
placeholder="Skriv inn brukernavn"
type="text"
- :class="{ 'bg-green-200': isUsernameValid }"
+ :class="{ 'border-2 border-lime-400': isUsernameValid }"
/>
</div>
<div class="flex flex-col">
@@ -126,7 +126,7 @@ watch(
:type="showPassword ? 'text' : 'password'"
placeholder="Skriv inn passord"
class="w-full"
- :class="{ 'bg-green-200': isPasswordValid }"
+ :class="{ 'border-2 border-lime-400': isPasswordValid }"
/>
<button
class="absolute right-0 top-1 bg-transparent hover:bg-transparent"
@@ -137,7 +137,7 @@ watch(
</div>
<input
v-model="confirm"
- :class="{ 'bg-green-200': password == confirm && '' !== confirm.valueOf() }"
+ :class="{ 'border-2 border-lime-400': password == confirm && '' !== confirm.valueOf() }"
class="mt-2"
name="confirm"
placeholder="Bekreft passord"
@@ -145,7 +145,7 @@ watch(
/>
</div>
<div class="flex flex-row gap-5">
- <button :disabled="isFormInvalid" class="grow-0" name="submit" @click="submitForm">
+ <button :disabled="isFormInvalid" class="grow-0 primary" name="submit" @click="submitForm">
Registrer deg
</button>
<p>{{ errorMessage }}</p>
diff --git a/src/components/ProgressBar.vue b/src/components/ProgressBar.vue
index 770c75b..65dd661 100644
--- a/src/components/ProgressBar.vue
+++ b/src/components/ProgressBar.vue
@@ -6,7 +6,8 @@ defineProps({
<template>
<div class="w-full bg-gray-200 rounded-full overflow-hidden">
- <div :style="{ width: completion + '%' }" class="bg-green-500 h-2 rounded-full"></div>
+ <div :style="{ width: completion + '%' }" class="bg-lime-400 h-2 rounded-full">
+ </div>
</div>
</template>
--
GitLab