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

Slider option styling

Browse Source
This commit is contained in:
ajnart
2023-01-05 23:14:08 +09:00
parent c03426f801
commit 422abaec15
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
View File

@@ -115,6 +115,7 @@ export const WidgetsEditModal = ({
); );
}; };
// Widget switch
// Widget options are computed based on their type. // Widget options are computed based on their type.
// here you can define new types for options (along with editing the widgets.d.ts file) // here you can define new types for options (along with editing the widgets.d.ts file)
function WidgetOptionTypeSwitch( function WidgetOptionTypeSwitch(
@@ -170,16 +171,19 @@ function WidgetOptionTypeSwitch(
); );
case 'slider': case 'slider':
return ( return (
<Slider <Stack spacing="xs">
color={primaryColor} <Text>{t(`descriptor.settings.${key}.label`)}</Text>
key={`${option.type}-${index}`} <Slider
label={t(`descriptor.settings.${key}.label`)} color={primaryColor}
value={value as number} key={`${option.type}-${index}`}
min={option.min} label={t(`descriptor.settings.${key}.label`)}
max={option.max} value={value as number}
step={option.step} min={option.min}
onChange={(v) => handleChange(key, v)} max={option.max}
/> step={option.step}
onChange={(v) => handleChange(key, v)}
/>
</Stack>
); );
default: default:
return null; return null;