fix: add back animation to enetry selection

expo · Mar 27, 2024 · be884b9 · be884b9
1 parent e1f6834
commit be884b9
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/webui/src/components/forms/StatsEntrySelect.tsx b/webui/src/components/forms/StatsEntrySelect.tsx
@@ -16,8 +16,6 @@ export function StatsEntrySelect() {
     setEntryId(value);
   }
 
-  console.log('platform', entry?.platform);
-
   return (
     <Select.Root value={String(entryId)} onValueChange={onEntryChange}>
       <Select.Trigger asChild>
@@ -34,9 +32,9 @@ export function StatsEntrySelect() {
           side="bottom"
           collisionPadding={{ left: 16, right: 16 }}
           className={cn(
-            'flex min-w-[220px] flex-col gap-0.5 rounded-md border border-default bg-default p-1 shadow-md'
-            // 'will-change-[opacity,transform]',
-            // 'data-[side=bottom]:animate-slideUpAndFade data-[side=left]:animate-slideRightAndFade data-[side=right]:animate-slideLeftAndFade data-[side=top]:animate-slideDownAndFade'
+            'flex min-w-[220px] flex-col gap-0.5 rounded-md border border-default bg-default p-1 shadow-md',
+            'transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-200 data-[state=open]:duration-300',
+            'data-[state=closed]:fade-out data-[state=closed]:slide-out-to-top-1/3 data-[state=open]:fade-in data-[state=open]:slide-in-from-top-1/3'
           )}
         >
           <Select.ScrollUpButton className="SelectScrollButton">