arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(app): improve navigation badge display

Browse Source
This commit is contained in:
Benjamin Canac
2024-12-13 12:43:15 +01:00
parent bfb9b5200c
commit 0b86f4315e
2 changed files with 2 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/app/components/Header.vue
View File

@@ -80,7 +80,7 @@ defineShortcuts({
<ModuleSelect />
</div>
<UContentNavigation :navigation="navigation" highlight>
<UContentNavigation :navigation="navigation" highlight :ui="{ linkTrailingBadge: 'font-semibold uppercase' }">
<template #link-title="{ link }">
<span class="inline-flex items-center gap-0.5">
{{ link.title }}
@@ -88,11 +88,6 @@ defineShortcuts({
<sup v-if="link.module === 'ui-pro' && link.path.startsWith('/components')" class="text-[8px] font-medium text-(--ui-primary)">PRO</sup>
</span>
</template>
<template #link-trailing="{ link }">
<UBadge v-if="link.badge" variant="subtle" size="sm" color="neutral" class="rounded-[var(--ui-radius)] text-[9px] font-semibold uppercase">
{{ link.badge }}
</UBadge>
</template>
</UContentNavigation>
</template>
</UHeader>

7
docs/app/layouts/docs.vue
View File

@@ -17,7 +17,7 @@ const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
</div>
</template>
<UContentNavigation :navigation="navigation" highlight>
<UContentNavigation :navigation="navigation" highlight :ui="{ linkTrailingBadge: 'font-semibold uppercase' }">
<template #link-title="{ link }">
<span class="inline-flex items-center gap-0.5">
{{ link.title }}
@@ -25,11 +25,6 @@ const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
<sup v-if="link.module === 'ui-pro' && link.path.startsWith('/components')" class="text-[8px] font-medium text-(--ui-primary)">PRO</sup>
</span>
</template>
<template #link-trailing="{ link }">
<UBadge v-if="link.badge" variant="subtle" size="sm" color="neutral" class="rounded-[var(--ui-radius)] text-[9px] font-semibold uppercase">
{{ link.badge }}
</UBadge>
</template>
</UContentNavigation>
</UPageAside>
</template>