From 1967c8af41571bb7a220b079849b21e44faefff7 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Sun, 30 Jun 2024 01:00:28 +0200
Subject: [PATCH] Edit decoration style

---
 app/components/content/ProseIcon.vue | 2 +-
 app/components/home/Link.vue         | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/components/content/ProseIcon.vue b/app/components/content/ProseIcon.vue
index 38c58cf..3fd89f4 100644
--- a/app/components/content/ProseIcon.vue
+++ b/app/components/content/ProseIcon.vue
@@ -13,7 +13,7 @@ defineProps({
       class="mb-1 mr-1"
       :name="icon"
     />
-    <span class="sofia font-medium underline decoration-neutral-300 dark:decoration-neutral-700">
+    <span class="sofia font-medium underline-offset-2 underline decoration-neutral-300 dark:decoration-neutral-700">
       <slot />
     </span>
   </span>
diff --git a/app/components/home/Link.vue b/app/components/home/Link.vue
index 86f04f5..067c38e 100644
--- a/app/components/home/Link.vue
+++ b/app/components/home/Link.vue
@@ -22,13 +22,17 @@ defineProps({
   <NuxtLink
     :href="href"
     :target="blanked ? '_blank' : '_self'"
-    class="sofia border-b border-gray-200 hover:border-black duration-300 dark:border-neutral-800 dark:hover:border-white flex gap-1 items-center pb-.5"
+    class="sofia flex gap-1 items-center group"
   >
     <Icon
       v-if="icon"
       :name="icon"
       size="20"
     />
-    <span class="font-bold text-md text-black dark:text-white">{{ label }}</span>
+    <span
+      class="duration-300 underline-offset-2 font-bold text-md text-black dark:text-white underline decoration-gray-300 dark:decoration-neutral-700 group-hover:decoration-black dark:group-hover:decoration-white"
+    >{{
+      label
+    }}</span>
   </NuxtLink>
 </template>