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

⏪ Revert dynamic gridstack column count depending on sidebars

Browse Source
This commit is contained in:
Manuel
2023-01-14 22:51:39 +01:00
parent ad2c763133
commit e05278c618
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Dashboard/Wrappers/Sidebar/Sidebar.tsx
View File

@@ -16,7 +16,15 @@ export const DashboardSidebar = ({ location, isGridstackReady }: DashboardSideba
} = useCardStyles(false); } = useCardStyles(false);
return ( return (
<Card p={0} m={0} radius="lg" className={cardClass} w={300}> <Card
p={0}
m={0}
radius="lg"
className={cardClass}
style={{ borderStyle: 'dashed' }}
w={300}
withBorder
>
{isGridstackReady && <SidebarInner location={location} />} {isGridstackReady && <SidebarInner location={location} />}
</Card> </Card>
); );

9
src/components/Dashboard/Wrappers/gridstack/store.tsx
View File

@@ -28,16 +28,11 @@ export const useNamedWrapperColumnCount = (): 'small' | 'medium' | 'large' | nul
}; };
export const useWrapperColumnCount = () => { export const useWrapperColumnCount = () => {
const { config } = useConfigContext();
const numberOfSidebars =
(config?.settings.customization.layout.enabledLeftSidebar ? 1 : 0) +
(config?.settings.customization.layout.enabledRightSidebar ? 1 : 0);
switch (useNamedWrapperColumnCount()) { switch (useNamedWrapperColumnCount()) {
case 'large': case 'large':
return 15 - numberOfSidebars * 2; return 12;
case 'medium': case 'medium':
return 9 - numberOfSidebars * 2; return 6;
case 'small': case 'small':
return 3; return 3;
default: default: