2025-04-29 13:54:37 +00:00
|
|
|
'use client'
|
|
|
|
|
|
|
|
|
|
import { useState } from "react";
|
2025-04-28 00:47:36 +00:00
|
|
|
import SideNav from "@/components/custom/Side_Nav";
|
|
|
|
|
import Navbar from "@/components/custom/Nav_bar";
|
|
|
|
|
|
|
|
|
|
export default function CreatorLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: Readonly<{
|
|
|
|
|
children: React.ReactNode;
|
|
|
|
|
}>) {
|
2025-04-29 13:54:37 +00:00
|
|
|
const [drawerOpen, setDrawerOpen] = useState(false);
|
2025-04-28 00:47:36 +00:00
|
|
|
return (
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<div className="flex min-h-screen">
|
2025-04-29 13:54:37 +00:00
|
|
|
<div className="fixed left-0 top-0 h-screen w-[280px] lg:w-[380px]">
|
|
|
|
|
<SideNav drawerOpen={drawerOpen} setDrawerOpen={setDrawerOpen} />
|
2025-04-28 00:47:36 +00:00
|
|
|
</div>
|
2025-04-29 13:54:37 +00:00
|
|
|
<div className="flex flex-col w-full ml-0 lg:ml-[280px] xl:ml-[380px]">
|
|
|
|
|
<div className="fixed top-0 right-0 left-0 lg:left-[280px] xl:left-[380px] z-10">
|
|
|
|
|
<Navbar setDrawerOpen={setDrawerOpen} />
|
2025-04-28 00:47:36 +00:00
|
|
|
</div>
|
2025-04-29 13:54:37 +00:00
|
|
|
<main className="flex-1 p-4 lg:p-6 bg-[#F3F3F3] mt-[75px] pb-[60px] md:pb-0">{children}</main>
|
2025-04-28 00:47:36 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
