81e56ef6a0
- Updated SearchBar component to use max-width and height utilities for better responsiveness. - Adjusted ArtistsPage layout to include container for consistent padding and spacing. - Modified BestSeller and NewRelease components to use grid layout for better item arrangement. - Enhanced Frame component layout and styling for improved visual hierarchy. - Refined HomeBanner component for better spacing and text sizing. - Improved Navbar component with mobile menu functionality and responsive design. - Updated RecentDesign and SideNav components for better mobile experience and layout. - Enhanced Sidebar component with mobile menu toggle and improved navigation links. - Refactored marketplace Navbar to include mobile menu and improved layout for icons and buttons.
28 lines
946 B
TypeScript
28 lines
946 B
TypeScript
'use client'
|
|
|
|
import { useState } from "react";
|
|
import SideNav from "@/components/custom/Side_Nav";
|
|
import Navbar from "@/components/custom/Nav_bar";
|
|
|
|
export default function CreatorLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
const [drawerOpen, setDrawerOpen] = useState(false);
|
|
return (
|
|
<html lang="en">
|
|
<div className="flex min-h-screen">
|
|
<div className="fixed left-0 top-0 h-screen w-[280px] lg:w-[380px]">
|
|
<SideNav drawerOpen={drawerOpen} setDrawerOpen={setDrawerOpen} />
|
|
</div>
|
|
<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} />
|
|
</div>
|
|
<main className="flex-1 p-4 lg:p-6 bg-[#F3F3F3] mt-[75px] pb-[60px] md:pb-0">{children}</main>
|
|
</div>
|
|
</div>
|
|
</html>
|
|
);
|
|
} |