mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-02-12 00:07:14 +01:00
Edit decoration style
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user