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

feature/vitest-setup #13

Merged
ilia merged 4 commits from feature/vitest-setup into main 2026-01-06 09:24:58 +00:00
Conversation 0 Commits 4 Files Changed 14 +45 -47
2 changed files with 45 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit aa087c5c3e - Show all commits

84
src/features/SetupFont/ui/SetupFontMenu.svelte
View File

@@ -12,48 +12,44 @@ const fontWeight = $derived($fontWeightStore);
const lineHeight = $derived($lineHeightStore); const lineHeight = $derived($lineHeightStore);
</script> </script>
<div class="w-full p-2"> <div class="w-full p-2 flex flex-row items-center">
<Item.Root variant="outline" class="w-full p-2.5"> <Sidebar.Trigger />
<Item.Content class="flex flex-row items-center"> <Separator orientation="vertical" class="h-full" />
<Sidebar.Trigger /> <ComboControl
<Separator orientation="vertical" class="h-full" /> value={fontSize.value}
<ComboControl minValue={fontSize.min}
value={fontSize.value} maxValue={fontSize.max}
minValue={fontSize.min} onChange={fontSizeStore.setValue}
maxValue={fontSize.max} onIncrease={fontSizeStore.increase}
onChange={fontSizeStore.setValue} onDecrease={fontSizeStore.decrease}
onIncrease={fontSizeStore.increase} increaseDisabled={fontSizeStore.isAtMax()}
onDecrease={fontSizeStore.decrease} decreaseDisabled={fontSizeStore.isAtMin()}
increaseDisabled={fontSizeStore.isAtMax()} increaseLabel="Increase Font Size"
decreaseDisabled={fontSizeStore.isAtMin()} decreaseLabel="Decrease Font Size"
increaseLabel="Increase Font Size" />
decreaseLabel="Decrease Font Size" <ComboControl
/> value={fontWeight.value}
<ComboControl minValue={fontWeight.min}
value={fontWeight.value} maxValue={fontWeight.max}
minValue={fontWeight.min} onChange={fontWeightStore.setValue}
maxValue={fontWeight.max} onIncrease={fontWeightStore.increase}
onChange={fontWeightStore.setValue} onDecrease={fontWeightStore.decrease}
onIncrease={fontWeightStore.increase} increaseDisabled={fontWeightStore.isAtMax()}
onDecrease={fontWeightStore.decrease} decreaseDisabled={fontWeightStore.isAtMin()}
increaseDisabled={fontWeightStore.isAtMax()} increaseLabel="Increase Font Weight"
decreaseDisabled={fontWeightStore.isAtMin()} decreaseLabel="Decrease Font Weight"
increaseLabel="Increase Font Weight" />
decreaseLabel="Decrease Font Weight" <ComboControl
/> value={lineHeight.value}
<ComboControl minValue={lineHeight.min}
value={lineHeight.value} maxValue={lineHeight.max}
minValue={lineHeight.min} step={lineHeight.step}
maxValue={lineHeight.max} onChange={lineHeightStore.setValue}
step={lineHeight.step} onIncrease={lineHeightStore.increase}
onChange={lineHeightStore.setValue} onDecrease={lineHeightStore.decrease}
onIncrease={lineHeightStore.increase} increaseDisabled={lineHeightStore.isAtMax()}
onDecrease={lineHeightStore.decrease} decreaseDisabled={lineHeightStore.isAtMin()}
increaseDisabled={lineHeightStore.isAtMax()} increaseLabel="Increase Line Height"
decreaseDisabled={lineHeightStore.isAtMin()} decreaseLabel="Decrease Line Height"
increaseLabel="Increase Line Height" />
decreaseLabel="Decrease Line Height"
/>
</Item.Content>
</Item.Root>
</div> </div>

8
src/widgets/TypographySettings/ui/TypographyMenu.svelte
View File

@@ -1,10 +1,12 @@
<script lang="ts"> <script lang="ts">
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 * as Item from '$shared/shadcn/ui/item';
import { Separator } from '$shared/shadcn/ui/separator/index';
import * as Sidebar from '$shared/shadcn/ui/sidebar/index';
</script> </script>
<div class="w-full p-2"> <div class="w-full p-2">
<SetupFontMenu /> <Item.Root variant="outline" class="w-full p-2.5">
<Item.Content>
<SetupFontMenu />
</Item.Content>
</Item.Root>
</div> </div>