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

feat: could position widgets at left

Browse Source
This commit is contained in:
Darkham42
2022-06-12 08:04:20 +02:00
parent 0acb1f6b6d
commit 89804dafd1
7 changed files with 116 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,8 +2,10 @@ import { AppShell, createStyles } from '@mantine/core';
import { Header } from './Header';
import { Footer } from './Footer';
import Aside from './Aside';
import Navbar from './Navbar';
import { HeaderConfig } from './HeaderConfig';
import { Background } from './Background';
import { useConfig } from '../../tools/state';
const useStyles = createStyles((theme) => ({
main: {},
@@ -11,8 +13,16 @@ const useStyles = createStyles((theme) => ({
export default function Layout({ children, style }: any) {
const { classes, cx } = useStyles();
const { config } = useConfig();
const widgetPosition = config?.settings?.widgetPosition === 'left';
return (
<AppShell aside={<Aside />} header={<Header />} footer={<Footer links={[]} />}>
<AppShell
header={<Header />}
navbar={widgetPosition ? <Navbar /> : <></>}
aside={widgetPosition ? <></> : <Aside />}
footer={<Footer links={[]} />}
>
<HeaderConfig />
<Background />
<main