fix: update layout styles to prevent overflow issues
- Added overflow-hidden class to the main layout and container to ensure proper content display without overflow.
This commit is contained in:
@@ -7,12 +7,12 @@ import { AppSidebar } from "@/components/sidebar";
|
|||||||
export const Layout: FC = () => (
|
export const Layout: FC = () => (
|
||||||
<SidebarProvider>
|
<SidebarProvider>
|
||||||
<AppSidebar />
|
<AppSidebar />
|
||||||
<div className="p-4 flex flex-col w-full h-[100vh]">
|
<div className="p-4 flex flex-col w-full h-[100vh] overflow-hidden">
|
||||||
<nav className="flex items-center justify-between">
|
<nav className="flex items-center justify-between">
|
||||||
<SidebarTrigger className="size-10" />
|
<SidebarTrigger className="size-10" />
|
||||||
<div role="actions" />
|
<div role="actions" />
|
||||||
</nav>
|
</nav>
|
||||||
<main className="flex-1 overflow-auto p-4">
|
<main className="flex-1 overflow-auto p-4 overflow-hidden">
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user