feat(layout): create dashboard layout structure

This commit is contained in:
ngc2207 2025-02-02 01:31:57 +08:00
parent 98089acd77
commit 3d828279ca

View 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;