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:
typist
2025-10-28 04:39:50 +08:00
parent 37489a4698
commit f960475b0f

View File

@@ -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>