mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-07 14:05:49 +01:00
37 lines
783 B
TypeScript
37 lines
783 B
TypeScript
import { AppShell, Center, createStyles } from '@mantine/core';
|
|
import { Header } from './Header';
|
|
import { Footer } from './Footer';
|
|
import Aside from './Aside';
|
|
import Navbar from './Navbar';
|
|
|
|
const useStyles = createStyles((theme) => ({
|
|
main: {
|
|
[theme.fn.largerThan('md')]: {
|
|
width: 1200,
|
|
},
|
|
},
|
|
}));
|
|
|
|
export default function Layout({ children, style }: any) {
|
|
const { classes, cx } = useStyles();
|
|
return (
|
|
<AppShell
|
|
navbar={<Navbar />}
|
|
aside={<Aside />}
|
|
header={<Header links={[]} />}
|
|
footer={<Footer links={[]} />}
|
|
>
|
|
<Center>
|
|
<main
|
|
className={cx(classes.main)}
|
|
style={{
|
|
...style,
|
|
}}
|
|
>
|
|
{children}
|
|
</main>
|
|
</Center>
|
|
</AppShell>
|
|
);
|
|
}
|