UI: fix ovelap bug

This commit is contained in:
qixinbo
2026-03-29 09:17:32 +08:00
parent 92e8c40826
commit 74fb360df6
+6 -6
View File
@@ -35,19 +35,19 @@ function MainLayout({ children }: { children: React.ReactNode }) {
return ( return (
<div className="flex h-screen w-full bg-background text-foreground overflow-hidden"> <div className="flex h-screen w-full bg-background text-foreground overflow-hidden">
<Sidebar /> <Sidebar />
<main className="flex-1 flex flex-col overflow-hidden h-screen relative"> <main className="flex-1 flex flex-col overflow-hidden h-screen">
<div className="absolute top-0 left-0 right-0 h-14 flex items-center justify-between pointer-events-none z-30 px-4"> <div className="h-14 shrink-0 flex items-center justify-between z-30 px-4">
<div className="flex-1 pointer-events-auto"> <div className="flex-1">
{/* Left side empty for balance */} {/* Left side empty for balance */}
</div> </div>
<div className="flex-1 flex justify-center pointer-events-auto"> <div className="flex-1 flex justify-center">
<ProjectSwitcher /> <ProjectSwitcher />
</div> </div>
<div className="flex-1 flex justify-end pointer-events-auto"> <div className="flex-1 flex justify-end">
<ThemeToggle /> <ThemeToggle />
</div> </div>
</div> </div>
<div className="flex-1 overflow-hidden"> <div className="flex-1 min-h-0 overflow-hidden">
{children} {children}
</div> </div>
</main> </main>