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.
26 lines
1015 B
TypeScript
26 lines
1015 B
TypeScript
'use client'
|
|
|
|
import Sidebar from "./Side_bar";
|
|
import RecentDesign from "./Recent_Design";
|
|
|
|
export default function SideNav({ drawerOpen, setDrawerOpen }: { drawerOpen: boolean, setDrawerOpen: (open: boolean) => void }) {
|
|
return (
|
|
<div className="flex flex-col md:flex-row h-auto md:h-screen w-full relative">
|
|
{/* Backdrop for mobile drawer */}
|
|
{drawerOpen && (
|
|
<div
|
|
className="fixed inset-0 bg-black bg-opacity-40 z-30 md:hidden"
|
|
onClick={() => setDrawerOpen(false)}
|
|
aria-label="Close recent designs menu"
|
|
/>
|
|
)}
|
|
<div className="w-full md:w-auto h-[60px] md:h-full">
|
|
<Sidebar />
|
|
</div>
|
|
{/* Drawer for mobile, always visible on desktop */}
|
|
<div className="w-full h-auto md:h-full">
|
|
<RecentDesign drawerOpen={drawerOpen} setDrawerOpen={setDrawerOpen} />
|
|
</div>
|
|
</div>
|
|
);
|
|
} |