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

✨ Add new config format

Browse Source
This commit is contained in:
Meierschlumpf
2022-12-04 17:36:30 +01:00
parent b2f5149527
commit d5a3b3f3ba
76 changed files with 2461 additions and 1034 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/layout/Layout.tsx
View File

@@ -1,48 +1,31 @@
import { AppShell, createStyles } from '@mantine/core';
import { Header } from './header/Header';
import { Footer } from './Footer';
import Aside from './Aside';
import Navbar from './Navbar';
import { HeaderConfig } from './header/HeaderConfig';
import { useConfigContext } from '../../config/provider';
import { Background } from './Background';
import { useConfig } from '../../tools/state';
import { Footer } from './Footer';
import { Header } from './Header/Header';
import { Head } from './Head/Head';
const useStyles = createStyles((theme) => ({
main: {},
appShell: {
// eslint-disable-next-line no-useless-computed-key
['@media screen and (display-mode: standalone)']: {
'&': {
paddingTop: '88px !important',
},
},
},
}));
const useStyles = createStyles(() => ({}));
export default function Layout({ children, style }: any) {
const { classes, cx } = useStyles();
const { config } = useConfig();
const widgetPosition = config?.settings?.widgetPosition === 'left';
export default function Layout({ children }: any) {
const { cx } = useStyles();
const { config } = useConfigContext();
return (
<AppShell
fixed={false}
header={<Header />}
navbar={widgetPosition ? <Navbar /> : undefined}
aside={widgetPosition ? undefined : <Aside />}
footer={<Footer links={[]} />}
styles={{
main: {
minHeight: 'calc(100vh - var(--mantine-header-height))',
},
}}
>
<HeaderConfig />
<Head />
<Background />
<main
className={cx(classes.main)}
style={{
...style,
}}
>
{children}
</main>
<style>{cx(config.settings.customCSS)}</style>
{children}
<style>{cx(config?.settings.customization.customCss)}</style>
</AppShell>
);
}