Skip to content

Commit

Permalink
chore(tabTrigger): unified styles
Browse files Browse the repository at this point in the history
  • Loading branch information
enzonotario committed Oct 30, 2024
1 parent a23bd6e commit 77184be
Showing 1 changed file with 3 additions and 6 deletions.
9 changes: 3 additions & 6 deletions src/components/ui/tabs/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,16 @@ export { default as TabsList } from './TabsList.vue'
export { default as TabsContent } from './TabsContent.vue'

export const tabsTriggerVariants = cva(
'',
'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
{
variants: {
variant: {
default: 'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground',
default: 'data-[state=active]:text-foreground',
select: 'relative flex w-full',
schemaTabs: 'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
schemaTabs: 'data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
},
},
defaultVariants: {
variant: 'default',
},
},
)

export type TabsTriggerVariants = VariantProps<typeof tabsTriggerVariants>

0 comments on commit 77184be

Please sign in to comment.