Client/ppanel-web
5
0
Fork 0
mirror of https://github.com/perfect-panel/ppanel-web.git synced 2026-02-15 12:51:11 -05:00
Code Issues Packages Projects Releases Wiki Activity

♻️ refactor(ui): Layout

Browse Source
This commit is contained in:
web@ppanel 2024-11-15 20:32:18 +07:00
parent eda18bc551
commit 9262d7d91d
3 changed files with 8239 additions and 2788 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/admin/app/dashboard/layout.tsx
View File

@ -11,7 +11,7 @@ export default async function DashboardLayout({ children }: { children: React.Re
<SidebarLeft /> <SidebarLeft />
<SidebarInset className='relative flex-grow overflow-hidden'> <SidebarInset className='relative flex-grow overflow-hidden'>
<Header /> <Header />
<div className='h-[calc(100vh-56px)] gap-4 overflow-auto p-4'>{children}</div> <div className='h-[calc(100vh-56px)] flex-grow gap-4 overflow-auto p-4'>{children}</div>
</SidebarInset> </SidebarInset>
</SidebarProvider> </SidebarProvider>
); );

7
apps/user/app/(main)/(user)/layout.tsx
View File

@ -1,4 +1,3 @@
import { ScrollArea } from '@shadcn/ui/scroll-area';
import { SidebarInset, SidebarProvider } from '@shadcn/ui/sidebar'; import { SidebarInset, SidebarProvider } from '@shadcn/ui/sidebar';
import { SidebarLeft } from './sidebar-left'; import { SidebarLeft } from './sidebar-left';
import { SidebarRight } from './sidebar-right'; import { SidebarRight } from './sidebar-right';
@ -7,11 +6,9 @@ export default async function DashboardLayout({ children }: { children: React.Re
return ( return (
<SidebarProvider className='container'> <SidebarProvider className='container'>
<SidebarLeft className='sticky top-[84px] hidden w-52 border-r-0 bg-transparent lg:flex' /> <SidebarLeft className='sticky top-[84px] hidden w-52 border-r-0 bg-transparent lg:flex' />
<SidebarInset className='flex-grow overflow-hidden'> <SidebarInset className='relative flex-grow overflow-hidden'>
{/* <Header /> */} {/* <Header /> */}
<div className='flex h-[calc(100vh-56px)] flex-1 flex-col gap-4 p-4'> <div className='overflow-auto p-4'>{children}</div>
<ScrollArea className='h-full flex-grow overflow-hidden'>{children}</ScrollArea>
</div>
</SidebarInset> </SidebarInset>
<SidebarRight className='sticky top-[84px] hidden w-52 border-r-0 bg-transparent lg:flex' /> <SidebarRight className='sticky top-[84px] hidden w-52 border-r-0 bg-transparent lg:flex' />
</SidebarProvider> </SidebarProvider>

11018
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff