From 4981823c37df39ea7dc610ac95edadb8a19945a2 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Tue, 14 Jun 2022 22:09:30 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Tweak=20values=20on=20the=20slid?=
 =?UTF-8?q?er?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Settings/AppCardWidthSelector.tsx         | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/Settings/AppCardWidthSelector.tsx b/src/components/Settings/AppCardWidthSelector.tsx
index 5d1b9a066..f2f30ff01 100644
--- a/src/components/Settings/AppCardWidthSelector.tsx
+++ b/src/components/Settings/AppCardWidthSelector.tsx
@@ -6,12 +6,12 @@ export function AppCardWidthSelector() {
   const { config, setConfig } = useConfig();
 
   const MARKS = [
-    { value: 1, label: '1' },
-    { value: 2, label: '2' },
-    { value: 3, label: '3' },
-    { value: 4, label: '4' },
-    { value: 6, label: '6' },
-    { value: 12, label: '12' },
+    { value: 0.8 },
+    { value: 1 },
+    { value: 1.2 },
+    { value: 1.4 },
+    { value: 1.6 },
+    { value: 2 },
   ];
 
   const setappCardWidth = (appCardWidth: number) => {
@@ -28,10 +28,11 @@ export function AppCardWidthSelector() {
     <Group direction="column" spacing="xs" grow>
       <Text>App Width</Text>
       <Slider
-        defaultValue={config.settings.appCardWidth || 6}
-        step={1}
-        min={1}
-        max={12}
+        label={null}
+        defaultValue={config.settings.appCardWidth}
+        step={0.2}
+        min={0.8}
+        max={2}
         marks={MARKS}
         styles={{ markLabel: { fontSize: 'xx-small' } }}
         onChange={(value) => setappCardWidth(value)}