src/features/SetupFont/ui/TypographyMenu.svelte

@@ -10,6 +10,7 @@ import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import { ComboControl } from '$shared/ui';
 import Settings2Icon from '@lucide/svelte/icons/settings-2';
 import { getContext } from 'svelte';
+import { cubicOut } from 'svelte/easing';
 import { fly } from 'svelte/transition';
 import {
     MULTIPLIER_L,
@@ -47,11 +48,11 @@ $effect(() => {
     }
 });
 </script>
-
-<div
-    class={cn('w-full md:w-auto', hidden && 'hidden', className)}
-    in:fly={{ y: 100, duration: 400 }}
->
+{#if !hidden}
+    <div
+        class={cn('w-full md:w-auto', className)}
+        transition:fly={{ y: 100, duration: 200, easing: cubicOut }}
+    >
         <div
             class={cn(
                 'flex items-center gap-1 md:gap-2 p-1.5 md:p-2',
@@ -90,4 +91,5 @@ $effect(() => {
                 />
             {/each}
         </div>
-</div>
+    </div>
+{/if}