fix: main content position

This commit is contained in:
Sukma Gladys 2024-09-12 08:20:18 +07:00
parent 13bacf6da0
commit 19b741d674
2 changed files with 2 additions and 2 deletions

View File

@ -67,7 +67,7 @@ export default function AppNavbar(){
{/* Sidebar */} {/* Sidebar */}
<div <div
className={`fixed lg:relative w-64 bg-white top-[60px] left-0 h-full z-40 px-3 py-4 transition-transform border className={`fixed lg:relative w-64 bg-white top-[60px] left-0 h-full z-40 px-3 py-4 transition-transform border-x
${isSidebarOpen ? 'translate-x-0' : '-translate-x-full'}`} ${isSidebarOpen ? 'translate-x-0' : '-translate-x-full'}`}
> >
<ScrollArea className="flex flex-1 h-full"> <ScrollArea className="flex flex-1 h-full">

View File

@ -51,7 +51,7 @@ function DashboardLayout() {
<AppNavbar /> <AppNavbar />
{/* Main Content */} {/* Main Content */}
<main className={`flex-1 pt-[80px] p-6 bg-white overflow-auto ${ <main className={`flex-1 mt-[60px] p-6 bg-white overflow-auto ${
openNavbar ? 'lg:ml-64' : 'lg:ml-0' openNavbar ? 'lg:ml-64' : 'lg:ml-0'
}`}> }`}>
<Outlet /> <Outlet />