arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-25 17:30:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(VerticalNavigation): badge display

Browse Source 
Resolves #205
This commit is contained in:
Benjamin Canac
2023-05-19 14:51:16 +02:00
parent e358183165
commit d2ee5058f8
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/runtime/app.config.ts
View File

@@ -482,9 +482,9 @@ const verticalNavigation = {
size: '3xs' size: '3xs'
}, },
badge: { badge: {
base: 'ml-auto inline-block py-0.5 px-2 text-xs rounded-md -mr-1 -my-0.5', base: 'relative ml-auto inline-block py-0.5 px-2 text-xs rounded-md -mr-1 -my-0.5',
active: 'bg-white dark:bg-gray-900', active: 'bg-white dark:bg-gray-900',
inactive: 'bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-300 group-hover:bg-white dark:group-hover:bg-gray-900' inactive: 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white group-hover:bg-white dark:group-hover:bg-gray-900'
} }
} }

2
src/runtime/components/navigation/VerticalNavigation.vue
View File

@@ -29,7 +29,7 @@
<span v-if="link.label" :class="ui.label">{{ link.label }}</span> <span v-if="link.label" :class="ui.label">{{ link.label }}</span>
</slot> </slot>
<slot name="badge" :link="link" :is-active="isActive"> <slot name="badge" :link="link" :is-active="isActive">
<span v-if="link.badge" :class="[ui.badge.baseClass, isActive ? ui.badge.active : ui.badge.inactive]"> <span v-if="link.badge" :class="[ui.badge.base, isActive ? ui.badge.active : ui.badge.inactive]">
{{ link.badge }} {{ link.badge }}
</span> </span>
</slot> </slot>