feat(FontDisplay): create a FontDisplay component to show selected font samples

This commit is contained in:
Ilia Mashkov
2026-01-18 14:57:15 +03:00
parent 5ef8d609ab
commit 96b26fb055

View File

@@ -0,0 +1,14 @@
<!--
Component: FontDisplay
Displays a grid of FontSampler components for each displayed font.
-->
<script>
import { displayedFontsStore } from '../../model';
import FontSampler from '../FontSampler/FontSampler.svelte';
</script>
<div class="grid gap-2 grid-cols-[repeat(auto-fit,minmax(500px,1fr))]">
{#each displayedFontsStore.fonts as font (font.id)}
<FontSampler font={font} bind:text={displayedFontsStore.text} />
{/each}
</div>