fix: update component styles for consistency and improved layout
This commit is contained in:
@@ -83,7 +83,7 @@ const SelectContent = React.forwardRef<
|
||||
<SelectPrimitive.Content
|
||||
ref={ref}
|
||||
className={cn(
|
||||
'relative z-[70] max-h-96 min-w-[8rem] overflow-hidden pointer-events-auto',
|
||||
'relative z-70 max-h-96 min-w-32 overflow-hidden pointer-events-auto',
|
||||
'rounded-lg border border-border',
|
||||
'bg-surface-elevated text-content-primary shadow-lg',
|
||||
'data-[state=open]:animate-in data-[state=closed]:animate-out',
|
||||
@@ -105,7 +105,7 @@ const SelectContent = React.forwardRef<
|
||||
className={cn(
|
||||
'p-1',
|
||||
position === 'popper' &&
|
||||
'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'
|
||||
'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'
|
||||
)}
|
||||
>
|
||||
{children}
|
||||
@@ -139,7 +139,7 @@ const SelectItem = React.forwardRef<
|
||||
'rounded-md py-2 pl-8 pr-2 text-sm',
|
||||
'outline-none',
|
||||
'focus:bg-surface-muted focus:text-content-primary',
|
||||
'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
||||
'data-disabled:pointer-events-none data-disabled:opacity-50',
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
@@ -34,7 +34,7 @@ const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
|
||||
'bg-surface-muted',
|
||||
'peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-brand-500 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-base',
|
||||
'peer-checked:bg-brand-500',
|
||||
"after:content-[''] after:absolute after:top-[2px] after:start-[2px]",
|
||||
"after:content-[''] after:absolute after:top-0.5 after:start-[2px]",
|
||||
'after:bg-white after:border after:border-border after:rounded-full',
|
||||
'after:h-5 after:w-5 after:transition-all after:duration-fast',
|
||||
'peer-checked:after:translate-x-full peer-checked:after:border-white',
|
||||
|
||||
Reference in New Issue
Block a user