fix(NavigationMenu): add missing min-w-0 to make truncate work (#2476)

nuxt · Oct 28, 2024 · 1402436 · 1402436
1 parent 75410fb
commit 1402436
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 45 deletions.
diff --git a/src/theme/navigation-menu.ts b/src/theme/navigation-menu.ts
@@ -2,7 +2,7 @@ import type { ModuleOptions } from '../module'
 
 export default (options: Required<ModuleOptions>) => ({
   slots: {
-    root: 'relative flex gap-1.5',
+    root: 'relative flex gap-1.5 [&>div]:min-w-0',
     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-[calc(var(--ui-radius)*1.5)] focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2',