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

Fix UI and Add shelf item button

Browse Source
This commit is contained in:
Thomas "ajnart" Camlong
2022-05-03 19:52:09 +02:00
parent 71d18a5aa6
commit d386902c71
5 changed files with 52 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/layout/Layout.tsx
View File

@@ -1,6 +1,7 @@
import { AppShell, Center, createStyles } from '@mantine/core';
import { AppShell, Aside, Center, createStyles } from '@mantine/core';
import { Header } from './Header';
import { Footer } from './Footer';
import CalendarComponent from '../calendar/CalendarComponent';
const useStyles = createStyles((theme) => ({
main: {
@@ -13,10 +14,27 @@ const useStyles = createStyles((theme) => ({
export default function Layout({ children, style }: any) {
const { classes, cx } = useStyles();
return (
<AppShell header={<Header links={[]} />} footer={<Footer links={[]} />}>
<AppShell
aside={
<Aside
height={'auto'}
width={{
xs: 'auto',
md: 'auto',
lg: 'auto',
xl: 'auto',
}}
>
<CalendarComponent />
</Aside>
}
header={<Header links={[]} />}
footer={<Footer links={[]} />}
>
<Center>
<main
className={cx(classes.main)}
// className={cx(classes.main)}
style={{
...style,
}}