Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +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

19
src/components/layout/Aside.tsx
View File

@@ -1,7 +1,5 @@
import { Aside as MantineAside, createStyles, Group } from '@mantine/core';
import { useMediaQuery } from '@mantine/hooks';
import { WeatherModule, DateModule, CalendarModule, TotalDownloadsModule } from '../modules';
import { ModuleWrapper } from '../modules/moduleWrapper';
import { Aside as MantineAside, createStyles } from '@mantine/core';
import Widgets from './Widgets';
const useStyles = createStyles((theme) => ({
hide: {
@@ -18,8 +16,6 @@ const useStyles = createStyles((theme) => ({
export default function Aside(props: any) {
const { classes, cx } = useStyles();
const matches = useMediaQuery('(min-width: 800px)');
return (
<MantineAside
pr="md"
@@ -34,16 +30,7 @@ export default function Aside(props: any) {
base: 'auto',
}}
>
<>
{matches && (
<Group my="sm" grow direction="column" style={{ width: 300 }}>
<ModuleWrapper module={CalendarModule} />
<ModuleWrapper module={TotalDownloadsModule} />
<ModuleWrapper module={WeatherModule} />
<ModuleWrapper module={DateModule} />
</Group>
)}
</>
<Widgets />
</MantineAside>
);
}