fix(Tabs): same behaviour between pill and link variants

Resolves #2338
nuxt · Oct 28, 2024 · e592da2 · e592da2
1 parent 2514abe
commit e592da2
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 49 deletions.
diff --git a/src/theme/tabs.ts b/src/theme/tabs.ts
@@ -20,7 +20,7 @@ export default (options: Required<ModuleOptions>) => ({
     variant: {
       pill: {
         list: 'bg-[var(--ui-bg-elevated)] rounded-[calc(var(--ui-radius)*2)]',
-        trigger: 'flex-1',
+        trigger: 'flex-1 w-full',
         indicator: 'rounded-[calc(var(--ui-radius)*1.5)] shadow-sm'
       },
       link: {
@@ -78,7 +78,7 @@ export default (options: Required<ModuleOptions>) => ({
     orientation: 'horizontal',
     variant: 'link',
     class: {
-      list: 'border-b',
+      list: 'border-b -mb-px',
       indicator: '-bottom-px h-px'
     }
   }, {
@@ -92,7 +92,7 @@ export default (options: Required<ModuleOptions>) => ({
     orientation: 'vertical',
     variant: 'link',
     class: {
-      list: 'border-l',
+      list: 'border-l -ml-px',
       indicator: '-left-px w-px'
     }
   }, ...(options.theme.colors || []).map((color: string) => ({