Edit decoration style

This commit is contained in:
2024-06-30 01:00:28 +02:00
parent fe9d154915
commit 1967c8af41
2 changed files with 7 additions and 3 deletions

View File

@@ -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>

View File

@@ -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>