diff --git a/src/assets/base.css b/src/assets/base.css index db174147f881bd99eff24edb10a0ec0322d2a2c6..33e4a80fd86e28abf3707dcd1468a908d436566f 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -13,7 +13,8 @@ --accent1: #f4bab9; --accent2: #95e35d; - --accent3: #ef9691; + --accent3: #fac6c3; + --accent4: #a41c14; } :root { @@ -27,7 +28,7 @@ --color-button-danger: var(--accent3); --color-button-danger-hover: var(--accent1); - --color-link: var(--accent3); + --color-link: var(--accent4); --color-border: var(--black); --section-gap: 160px; diff --git a/src/assets/main.css b/src/assets/main.css index 6aea95d7ffc247b4457e16f54cacbf0462f3af7a..f6bb6de4b5a381394cb278052a7d67b3b17d16ea 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -82,7 +82,7 @@ button.logout { a { text-decoration: none; - color: var(--color-text); + color: var(--color-link); font-weight: bold; transition: 0.4s; } diff --git a/src/components/FormLogin.vue b/src/components/FormLogin.vue index df5c5f49ba17cf284a3f6d40a6b6de3b5e123479..b40cc6c02f1faa5ea7b00c3b23f98a65375133db 100644 --- a/src/components/FormLogin.vue +++ b/src/components/FormLogin.vue @@ -89,12 +89,12 @@ watch( > {{ showPassword ? '🔓' : '🔒' }} </button> - <a - @click="isModalOpen = true" - 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> + <a + class="hover:underline hover:bg-transparent hover:transition-none hover:p-0 cursor-pointer text-right text-sm mr-4" + @click="isModalOpen = true" + >Glemt passord?</a + > </div> <div class="flex flex-row gap-5"> <button