From 0ac66e8e37ff51d46f1b776da3e09c9fdb78a60b Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Mon, 22 Dec 2025 21:20:00 +0800
Subject: [PATCH] fix(ui): reduce header spacing and fix layout shift on view
 switch

- Change right-side button container from min-h-[40px] to h-[32px]
  for more compact header layout
- Remove conditional padding (pt-6/pt-4) from main content area
  to eliminate layout jump during view transitions
---
 src/App.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f48f21844..4728b4844 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -441,7 +441,7 @@ function App() {
           </div>
 
           <div
-            className="flex items-center gap-2 min-h-[40px]"
+            className="flex items-center gap-2 h-[32px]"
             style={{ WebkitAppRegion: "no-drag" } as any}
           >
             {currentView === "prompts" && (
@@ -551,13 +551,10 @@ function App() {
         </div>
       </header>
 
-      <main
-        className={`flex-1 overflow-y-auto pb-12 animate-fade-in scroll-overlay ${
-          currentView === "providers" ? "pt-24" : "pt-20"
-        }`}
-        style={{ overflowX: "hidden" }}
-      >
-        {renderContent()}
+      <main className="flex-1 pb-12 animate-fade-in ">
+        <div className="pb-12">
+          {renderContent()}
+        </div>
       </main>
 
       <AddProviderDialog