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

Styling settings and translations

Browse Source
This commit is contained in:
ajnart
2023-01-04 22:39:58 +09:00
parent 4aa50cc9cd
commit 92d395f71d
6 changed files with 35 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Settings/Customization/CustomizationSettings.tsx
View File

@@ -1,4 +1,5 @@
import { Button, ScrollArea, Stack } from '@mantine/core';
import { useTranslation } from 'next-i18next';
import { useConfigContext } from '../../../config/provider';
import { useConfigStore } from '../../../config/store';
import { LayoutSelector } from './Layout/LayoutSelector';
@@ -14,6 +15,7 @@ import { ShadeSelector } from './Theme/ShadeSelector';
export default function CustomizationSettings() {
const { config, name: configName } = useConfigContext();
const { t } = useTranslation('common');
const { updateConfig } = useConfigStore();
@@ -26,8 +28,8 @@ export default function CustomizationSettings() {
};
return (
<Stack mb="md" mr="sm" mt="xs">
<ScrollArea style={{ height: '76vh' }} offsetScrollbars>
<Stack mt="xs" spacing={0}>
<ScrollArea style={{ height: '78vh' }} offsetScrollbars>
<LayoutSelector defaultLayout={config?.settings.customization.layout} />
<PageTitleChanger defaultValue={config?.settings.customization.pageTitle} />
<MetaTitleChanger defaultValue={config?.settings.customization.metaTitle} />
@@ -47,7 +49,9 @@ export default function CustomizationSettings() {
<OpacitySelector defaultValue={config?.settings.customization.appOpacity} />
</ScrollArea>
<Button onClick={saveConfiguration} variant="light">Save Customizations</Button>
<Button onClick={saveConfiguration} variant="filled">
{t('common:save')}
</Button>
</Stack>
);
}