feature/fetch-fonts #14

Merged
ilia merged 76 commits from feature/fetch-fonts into main 2026-01-14 11:01:44 +00:00
2 changed files with 22 additions and 12 deletions
Showing only changes of commit e198e967ab - Show all commits

View File

@@ -1,14 +1,19 @@
<script lang="ts"> <script lang="ts">
/**
* Component containing controls for setting up font properties.
*/
import { Separator } from '$shared/shadcn/ui/separator/index'; import { Separator } from '$shared/shadcn/ui/separator/index';
import * as Sidebar from '$shared/shadcn/ui/sidebar/index'; import { Trigger as SidebarTrigger } from '$shared/shadcn/ui/sidebar';
import { ComboControl } from '$shared/ui'; import { ComboControl } from '$shared/ui';
import { controlManager } from '../model/state/manager.svetle'; import { controlManager } from '../model';
</script> </script>
<div class="w-full p-2 flex flex-row items-center gap-2"> <div class="p-2 flex flex-row items-center gap-2">
<Sidebar.Trigger /> <SidebarTrigger />
<Separator orientation="vertical" class="h-full" /> <Separator orientation="vertical" class="h-full" />
<div class="flex flex-row gap-2">
{#each controlManager.controls as control (control.id)} {#each controlManager.controls as control (control.id)}
<ComboControl control={control.instance} /> <ComboControl control={control.instance} />
{/each} {/each}
</div>
</div> </div>

View File

@@ -1,12 +1,17 @@
<script lang="ts"> <script lang="ts">
import { FontSearch } from '$features/FetchFonts';
import SetupFontMenu from '$features/SetupFont/ui/SetupFontMenu.svelte'; import SetupFontMenu from '$features/SetupFont/ui/SetupFontMenu.svelte';
import * as Item from '$shared/shadcn/ui/item'; import {
Content as ItemContent,
Root as ItemRoot,
} from '$shared/shadcn/ui/item';
</script> </script>
<div class="w-full p-2"> <div class="w-full p-2">
<Item.Root variant="outline" class="w-full p-2.5"> <ItemRoot variant="outline" class="w-full p-2.5">
<Item.Content> <ItemContent class="flex flex-row justify-center items-center">
<SetupFontMenu /> <SetupFontMenu />
</Item.Content> <FontSearch />
</Item.Root> </ItemContent>
</ItemRoot>
</div> </div>