chore(ui): adjust Button, Popover, and Tabs styles

Made-with: Cursor
This commit is contained in:
Douglas 2026-04-29 11:13:16 +01:00
parent 1f6f0612e6
commit a8f571a153
3 changed files with 4 additions and 4 deletions

View file

@ -364,7 +364,7 @@ const buttonVariants = cva(
xxs: 'rounded-md text-label-xs',
xs: 'rounded-md text-label-xs',
sm: 'rounded-md text-label-sm',
md: 'rounded-md text-label-md',
md: 'rounded-md text-label-sm',
lg: 'rounded-md text-label-lg',
},
/**
@ -440,7 +440,7 @@ const buttonVariants = cva(
size: 'md',
layout: 'text',
class:
'box-border min-h-[32px] gap-2 px-4 py-0 font-medium [&_svg:not([class*="size-"])]:size-[24px]',
'box-border min-h-[32px] gap-2 px-2 py-0 font-medium [&_svg:not([class*="size-"])]:size-[18px]',
},
{
size: 'lg',

View file

@ -274,7 +274,7 @@ const PopoverContent = React.forwardRef<
onOpenAutoFocus={handleOpenAutoFocus}
onInteractOutside={handleInteractOutside}
className={cn(
'text-ds-text-neutral-default-default rounded-lg bg-ds-bg-neutral-default-default shadow-md relative z-50 min-w-[8rem] overflow-hidden border border-solid border-transparent',
'text-ds-text-neutral-default-default rounded-xl bg-ds-bg-neutral-subtle-default shadow-soft border-ds-border-neutral-subtle-disabled relative z-50 min-w-[8rem] overflow-hidden border border-solid',
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]',
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
'w-[var(--radix-popover-trigger-width)]',

View file

@ -277,7 +277,7 @@ const TabsContent = React.forwardRef<
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.2 }}
className="gap-4 flex flex-col"
className="gap-4 min-h-0 min-w-0 flex flex-1 flex-col"
>
{children}
</motion.div>