From 74fb360df6f5a04714c862995a0295499db304ab Mon Sep 17 00:00:00 2001
From: qixinbo <qixinbo@gmail.com>
Date: Sun, 29 Mar 2026 09:17:32 +0800
Subject: [PATCH] UI: fix ovelap bug

---
 frontend/src/App.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 33a88dc..5056d18 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -35,19 +35,19 @@ function MainLayout({ children }: { children: React.ReactNode }) {
   return (
     <div className="flex h-screen w-full bg-background text-foreground overflow-hidden">
       <Sidebar />
-      <main className="flex-1 flex flex-col overflow-hidden h-screen relative">
-        <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="flex-1 pointer-events-auto">
+      <main className="flex-1 flex flex-col overflow-hidden h-screen">
+        <div className="h-14 shrink-0 flex items-center justify-between z-30 px-4">
+          <div className="flex-1">
             {/* Left side empty for balance */}
           </div>
-          <div className="flex-1 flex justify-center pointer-events-auto">
+          <div className="flex-1 flex justify-center">
             <ProjectSwitcher />
           </div>
-          <div className="flex-1 flex justify-end pointer-events-auto">
+          <div className="flex-1 flex justify-end">
             <ThemeToggle />
           </div>
         </div>
-        <div className="flex-1 overflow-hidden">
+        <div className="flex-1 min-h-0 overflow-hidden">
           {children}
         </div>
       </main>