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

fix(Breadcrumb): missing min-w-0 on wrapper to truncate

Browse Source 
Resolves #1650
This commit is contained in:
Benjamin Canac
2024-04-11 21:52:07 +02:00
parent c1d9e0ecd4
commit 9f01145bc6
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/components/content/examples/BreadcrumbExampleDefaultSlot.vue
View File

@@ -12,7 +12,7 @@ const links = [{
<template>
<UBreadcrumb :links="links">
<template #default="{ link, isActive, index }">
<UBadge :color="isActive ? 'primary' : 'gray'" class="rounded-full">
<UBadge :color="isActive ? 'primary' : 'gray'" class="rounded-full truncate">
{{ index + 1 }}. {{ link.label }}
</UBadge>
</template>

2
src/runtime/ui.config/navigation/breadcrumb.ts
View File

@@ -1,5 +1,5 @@
export default {
wrapper: 'relative',
wrapper: 'relative min-w-0',
ol: 'flex items-center gap-x-1.5',
li: 'flex items-center gap-x-1.5 text-gray-500 dark:text-gray-400 text-sm leading-6 min-w-0',
base: 'flex items-center gap-x-1.5 group font-semibold min-w-0',