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

feat(TypographyMenu): add comments and delete outdated code

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-02 12:20:57 +03:00
parent 6f0b69ff45
commit 92fb314615
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/widgets/TypographySettings/ui/TypographyMenu.svelte
View File

@@ -1,3 +1,7 @@
<!--
Component: TypographyMenu
Provides a menu for selecting and configuring typography settings
-->
<script lang="ts"> <script lang="ts">
import { SetupFontMenu } from '$features/SetupFont'; import { SetupFontMenu } from '$features/SetupFont';
import { import {
@@ -5,7 +9,6 @@ import {
Root as ItemRoot, Root as ItemRoot,
} from '$shared/shadcn/ui/item'; } from '$shared/shadcn/ui/item';
import { displayedFontsStore } from '$features/DisplayFont';
import { cubicOut } from 'svelte/easing'; import { cubicOut } from 'svelte/easing';
import { crossfade } from 'svelte/transition'; import { crossfade } from 'svelte/transition';
@@ -22,16 +25,17 @@ const [send, receive] = crossfade({
}); });
</script> </script>
{#if displayedFontsStore.hasAnyFonts} <div
<div class="w-auto fixed bottom-5 inset-x-0 max-screen z-10 flex justify-center"
class="w-auto fixed bottom-5 inset-x-0 max-screen z-10 flex justify-center" in:receive={{ key: 'panel' }}
in:receive={{ key: 'panel' }} out:send={{ key: 'panel' }}
out:send={{ key: 'panel' }} >
<ItemRoot
variant="outline"
class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg"
> >
<ItemRoot variant="outline" class="w-auto max-w-max p-2.5 rounded-2xl backdrop-blur-lg"> <ItemContent class="flex flex-row justify-center items-center max-w-max">
<ItemContent class="flex flex-row justify-center items-center max-w-max"> <SetupFontMenu />
<SetupFontMenu /> </ItemContent>
</ItemContent> </ItemRoot>
</ItemRoot> </div>
</div>
{/if}