Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

🔧 Tweak values on the slider

Browse Source
This commit is contained in:
ajnart
2022-06-14 22:09:30 +02:00
parent bd920dfc86
commit 4981823c37
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Settings/AppCardWidthSelector.tsx
View File

@@ -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)}