feature/fetch-fonts #14
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user