glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(TypographyMenu): rewrite from hidden class to if based rendering

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-27 18:39:09 +03:00
parent 80feda41a3
commit f0aa89097e
1 changed files with 42 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/features/SetupFont/ui/TypographyMenu.svelte
View File

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