feat(FontDisplay): create a FontDisplay component to show selected font samples
This commit is contained in:
14
src/features/DisplayFont/ui/FontDisplay/FontDisplay.svelte
Normal file
14
src/features/DisplayFont/ui/FontDisplay/FontDisplay.svelte
Normal 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>
|
||||||
Reference in New Issue
Block a user