zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sidebar: make it possible to set the sidebar as collapsed (#72)

Browse Source 
* Sidebar: make it possible to set the sidebar as collapsed
This commit is contained in:
Giancarlo Buomprisco
2024-10-14 11:31:18 +02:00
committed by GitHub
parent d137df2675
commit b2c27eb25b
19 changed files with 221 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/makerkit/page.tsx
View File

@@ -30,14 +30,14 @@ function PageWithSidebar(props: PageProps) {
return (
<div
className={cn('flex bg-gray-50/50 dark:bg-background', props.className)}
className={cn('flex bg-gray-50/95 dark:bg-background/85', props.className)}
>
{Navigation}
<div
className={
props.contentContainerClassName ??
'mx-auto flex h-screen w-full flex-col overflow-y-auto px-4 lg:px-0'
'mx-auto flex h-screen w-full flex-col overflow-y-auto px-4 lg:px-0 bg-inherit'
}
>
{MobileNavigation}
@@ -115,7 +115,7 @@ export function PageBody(
}
export function PageNavigation(props: React.PropsWithChildren) {
return <div className={'hidden flex-1 lg:flex'}>{props.children}</div>;
return <div className={'hidden flex-1 lg:flex bg-inherit'}>{props.children}</div>;
}
export function PageDescription(props: React.PropsWithChildren) {