no transitions or animations and sleeker interface

This commit is contained in:
Oliver Bryan
2025-12-14 22:21:34 +00:00
parent 36b39da1bd
commit a4bf1d9aba
4 changed files with 7 additions and 8 deletions

View File

@@ -35,7 +35,7 @@ function SelectTrigger({
"aria-invalid:border-destructive dark:hover:bg-muted/40",
"flex w-fit items-center justify-between gap-2 border",
"bg-transparent px-3 py-2 text-sm whitespace-nowrap",
"shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed",
"shadow-xs outline-none disabled:cursor-not-allowed",
"disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8",
"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex",
"*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
@@ -64,8 +64,7 @@ function SelectContent({
<SelectPrimitive.Content
data-slot="select-content"
className={cn(
"bg-popover text-popover-foreground data-[state=open]:animate-in",
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
"bg-popover text-popover-foreground",
"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95",
"data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2",
"data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",