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 mobile ribbon sidebars

Browse Source
This commit is contained in:
Meierschlumpf
2022-12-16 20:18:20 +01:00
parent 657e8c9102
commit 543bafc610
4 changed files with 84 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Dashboard/Views/DashboardView.tsx
View File

@@ -1,6 +1,7 @@
import { Group, Stack } from '@mantine/core';
import { useMemo } from 'react';
import { useConfigContext } from '../../../config/provider';
import { useScreenLargerThan } from '../../../tools/hooks/useScreenLargerThan';
import { CategoryType } from '../../../types/category';
import { WrapperType } from '../../../types/wrapper';
import { DashboardCategory } from '../Wrappers/Category/Category';
@@ -9,11 +10,14 @@ import { DashboardWrapper } from '../Wrappers/Wrapper/Wrapper';
export const DashboardView = () => {
const wrappers = useWrapperItems();
const clockModule = useConfigContext().config?.integrations.clock;
const layoutSettings = useConfigContext()?.config?.settings.customization.layout;
const showSidebars = useScreenLargerThan('md');
return (
<Group align="top" h="100%">
<DashboardSidebar location="left" />
{layoutSettings?.enabledLeftSidebar && showSidebars ? (
<DashboardSidebar location="left" />
) : null}
<Stack mx={-10} style={{ flexGrow: 1 }}>
{wrappers.map((item) =>
item.type === 'category' ? (
@@ -23,7 +27,9 @@ export const DashboardView = () => {
)
)}
</Stack>
<DashboardSidebar location="right" />
{layoutSettings?.enabledRightSidebar && showSidebars ? (
<DashboardSidebar location="right" />
) : null}
</Group>
);
};