wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-08-13 11:50:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

added SlimFooter component for dashboard, made original footer mobile-friendly

Browse Source
This commit is contained in:
rsandb
2023-01-16 16:34:11 -06:00
parent 4217681784
commit 1457d81e6b
5 changed files with 121 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/SideMenuLayout.tsx
+3 -3
View File
@@ -12,11 +12,11 @@ export const SideMenuLayout = (props: SideMenuLayoutProps) => {
return (
<Box backgroundColor={colorMode === "light" ? colors.light.bg : colors.dark.bg} className="sm:overflow-hidden">
<Box className="sm:flex h-full lg:gap-6">
<Box className="p-3 lg:p-6 lg:pr-0">
<Box display="flex" flexDirection={["column", "row"]} h="full" gap={["0", "0", "0", "6"]}>
<Box p={["3", "3", "3", "6"]} pr={["3", "3", "3", "0"]}>
<SideMenu buttonOptions={props.menuButtonOptions} />
</Box>
<Box className="flex flex-col overflow-y-auto p-3 lg:p-6 lg:pl-0 gap-14 w-full">{props.children}</Box>
<Box className="overflow-y-auto p-3 lg:p-6 lg:pl-0 w-full">{props.children}</Box>
</Box>
</Box>
);