Fix tab truncation behaviour (#322)

2026-09-21 01:53:26 +00:00 · 2024-03-22 12:18:49 +01:00
parent ef8eb72364
commit 435ccb10ce
1 changed files with 5 additions and 1 deletions
@@ -68,7 +68,7 @@ export function DynamicTabs(props: {
                            //next from active-tab
                            '[.active-tab_+_:after]:rounded-br-md',

-                            'inline-flex',
+                            'inline-block',
                            'text-sm',
                            'px-3.5',
                            'py-2',
@@ -99,8 +99,12 @@ export function DynamicTabs(props: {
                            'dark:after:border-light/2',
                            'dark:hover:text-light-3',

+                            'truncate',
+                            'max-w-full',
+
                            active === tab.id
                                ? [
+                                      'shrink-0',
                                      'active-tab',
                                      'text-dark-2',
                                      'bg-transparent',