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" class="mb-1 mr-1"
:name="icon" :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 /> <slot />
</span> </span>
</span> </span>

View File

@@ -22,13 +22,17 @@ defineProps({
<NuxtLink <NuxtLink
:href="href" :href="href"
:target="blanked ? '_blank' : '_self'" :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 <Icon
v-if="icon" v-if="icon"
:name="icon" :name="icon"
size="20" 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> </NuxtLink>
</template> </template>