mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-07 14:05:49 +01:00
423f8110b9
Added an input in the advanced options for a background image. Also removed an unused import from my previous commit and changed the margin on the header bar to padding instead.
20 lines
432 B
TypeScript
20 lines
432 B
TypeScript
import { Global } from '@mantine/core';
|
|
import { useConfig } from '../../tools/state';
|
|
|
|
export function Background() {
|
|
const { config } = useConfig();
|
|
|
|
return (
|
|
<Global
|
|
styles={{
|
|
body: {
|
|
backgroundImage: `url('${config.settings.background}')` || '',
|
|
backgroundPosition: 'center',
|
|
backgroundSize: 'cover',
|
|
backgroundRepeat: 'no-repeat',
|
|
},
|
|
}}
|
|
/>
|
|
);
|
|
}
|