mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-10 23:45:48 +01:00
26 lines
587 B
TypeScript
26 lines
587 B
TypeScript
import { Global } from '@mantine/core';
|
|
|
|
import { useConfigContext } from '../../config/provider';
|
|
|
|
export function Background() {
|
|
const { config } = useConfigContext();
|
|
|
|
if (!config?.settings.customization.backgroundImageUrl) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Global
|
|
styles={{
|
|
body: {
|
|
minHeight: '100vh',
|
|
backgroundImage: `url('${config?.settings.customization.backgroundImageUrl}')`,
|
|
backgroundPosition: 'center center',
|
|
backgroundSize: 'cover',
|
|
backgroundRepeat: 'no-repeat',
|
|
},
|
|
}}
|
|
/>
|
|
);
|
|
}
|