fix: styling a tag and add some padding

Geoportail-Luxembourg · Oct 21, 2024 · 907d9fe · 907d9fe
1 parent 8e0d50b
commit 907d9fe
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/auth/auth-form.vue b/src/components/auth/auth-form.vue
@@ -117,7 +117,7 @@ function resetAuthForm() {
                 <p>
                   <a
                     data-cy="authFormLostPwd"
-                    class="text-secondary hover:underline"
+                    class="text-secondary hover:underline hover:text-white"
                     target="_blank"
                     :href="MYACCOUNT_RECOVER_URL"
                     >{{ t('I lost my password') }}</a
@@ -126,7 +126,7 @@ function resetAuthForm() {
                 <p>
                   <a
                     data-cy="authFormNewAccount"
-                    class="text-secondary hover:underline"
+                    class="text-secondary hover:underline hover:text-white"
                     target="_blank"
                     :href="MYACCOUNT_NEW_URL"
                     >{{ t('Create a new user account') }}</a
@@ -147,14 +147,14 @@ function resetAuthForm() {
         <!--User is authenticated -->
         <template v-else>
           <div>
-            <div class="flex flex-col gap-1 mb-2 text-white">
-              <div class="bg-secondary p-1">{{ currentUser?.login }}</div>
-              <div class="bg-secondary p-1">{{ currentUser?.mail }}</div>
+            <div class="flex flex-col gap-[1px] mb-2 text-white">
+              <div class="bg-secondary py-1 px-3">{{ currentUser?.login }}</div>
+              <div class="bg-secondary py-1 px-3">{{ currentUser?.mail }}</div>
             </div>
             <div class="flex items-center gap-3 justify-end">
               <div>
                 <a
-                  class="text-secondary hover:underline"
+                  class="text-secondary hover:underline hover:text-white"
                   target="_blank"
                   :href="`${MYACCOUNT_URL}?lang=${lang}`"
                   >{{ t('My account') }}</a