fix: move Item component from feature to Widget for FontMenu may be used in different places of the app

2026-01-06 12:23:50 +03:00
parent 943e6e77d3
commit aa087c5c3e
2 changed files with 45 additions and 47 deletions
--- a/src/features/SetupFont/ui/SetupFontMenu.svelte
+++ b/src/features/SetupFont/ui/SetupFontMenu.svelte
@@ -12,48 +12,44 @@ const fontWeight = $derived($fontWeightStore);
 const lineHeight = $derived($lineHeightStore);
 </script>

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