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

feature/comparison-slider #19

Merged
ilia merged 129 commits from feature/comparison-slider into main 2026-02-02 09:23:46 +00:00
Conversation 0 Commits 129 Files Changed 106 +17 -13
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 92fb314615 - Show all commits

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}