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

fix(NavigationMenu): handle truncate on vertical orientation

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-16 17:08:17 +02:00
parent f302a15972
commit 298ac68447
2 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/theme/navigation-menu.ts
View File

@@ -1,8 +1,8 @@
export default {
slots: {
root: 'relative flex gap-1.5',
list: 'isolate',
item: '',
list: 'isolate min-w-0',
item: 'min-w-0',
link: 'group relative w-full flex items-center gap-1.5 font-medium text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400',
linkLeadingIcon: 'shrink-0 size-5',
linkLeadingAvatar: 'shrink-0',
@@ -15,8 +15,7 @@ export default {
orientation: {
horizontal: {
root: 'w-full items-center justify-between',
list: 'flex items-center min-w-0',
item: 'min-w-0',
list: 'flex items-center',
link: 'px-2.5 py-3.5 before:inset-x-0 before:inset-y-2 hover:before:bg-gray-50 dark:hover:before:bg-gray-800/50 after:absolute after:bottom-0 after:inset-x-2.5 after:block after:h-0.5 after:mt-2 after:rounded-full'
},
vertical: {