Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-11 07:55:52 +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

4
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,6 +171,8 @@ function WidgetOptionTypeSwitch(
); );
case 'slider': case 'slider':
return ( return (
<Stack spacing="xs">
<Text>{t(`descriptor.settings.${key}.label`)}</Text>
<Slider <Slider
color={primaryColor} color={primaryColor}
key={`${option.type}-${index}`} key={`${option.type}-${index}`}
@@ -180,6 +183,7 @@ function WidgetOptionTypeSwitch(
step={option.step} step={option.step}
onChange={(v) => handleChange(key, v)} onChange={(v) => handleChange(key, v)}
/> />
</Stack>
); );
default: default:
return null; return null;