mirror of
https://gitlab.massbug.com/massbug/judge4c.git
synced 2025-07-04 09:51:15 +00:00
feat(layout): create dashboard layout structure
This commit is contained in:
parent
98089acd77
commit
3d828279ca
26
src/app/(dashboard)/layout.tsx
Normal file
26
src/app/(dashboard)/layout.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Navbar } from "@/components/navbar";
|
||||
import { Sidebar } from "@/components/sidebar";
|
||||
|
||||
interface DashboardLayoutProps {
|
||||
children: React.ReactNode;
|
||||
}
|
||||
|
||||
const DashboardLayout = ({ children }: DashboardLayoutProps) => {
|
||||
return (
|
||||
<div className="min-h-screen">
|
||||
<div className="flex w-full h-full">
|
||||
<div className="fixed left-0 top-0 hidden lg:block lg:w-[264px] h-full overflow-y-auto">
|
||||
<Sidebar />
|
||||
</div>
|
||||
<div className="lg:pl-[264px] w-full">
|
||||
<div className="mx-auto max-w-screen-2xl h-full">
|
||||
<Navbar />
|
||||
<main className="h-full py-8 px-6 flex flex-col">{children}</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DashboardLayout;
|
Loading…
Reference in New Issue
Block a user