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

💄 Styling the settings

Browse Source
This commit is contained in:
ajnart
2022-06-07 08:21:03 +02:00
parent ced18da65a
commit a321095daf
5 changed files with 151 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Settings/AdvancedSettings.tsx
View File

@@ -3,7 +3,7 @@ import { useForm } from '@mantine/form';
import { useConfig } from '../../tools/state';
export default function TitleChanger() {
const { config, loadConfig, setConfig, getConfigs } = useConfig();
const { config, setConfig } = useConfig();
const form = useForm({
initialValues: {
@@ -26,13 +26,19 @@ export default function TitleChanger() {
};
return (
<form onSubmit={form.onSubmit((values) => saveChanges(values))}>
<TextInput label="Page title" placeholder="'Homarr 🦞" {...form.getInputProps('title')} />
<TextInput label="Logo" placeholder="/img/logo.png" {...form.getInputProps('logo')} />
<TextInput label="Favicon" placeholder="/favicon.svg" {...form.getInputProps('favicon')} />
<Group grow position="center" mt="xl">
<Button type="submit">Save</Button>
</Group>
</form>
<Group direction="column" grow>
<form onSubmit={form.onSubmit((values) => saveChanges(values))}>
<Group grow direction="column">
<TextInput label="Page title" placeholder="'Homarr 🦞" {...form.getInputProps('title')} />
<TextInput label="Logo" placeholder="/img/logo.png" {...form.getInputProps('logo')} />
<TextInput
label="Favicon"
placeholder="/favicon.svg"
{...form.getInputProps('favicon')}
/>
<Button type="submit">Save</Button>
</Group>
</form>
</Group>
);
}