From db8180aa31b34fe9cfb2d0f3908fb49cc59b1b65 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 | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 40db2fa2c..fca3b8766 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -512,7 +512,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" && (
@@ -625,9 +625,7 @@ function App() {
       </header>
 
       <main className="flex-1 pb-12 animate-fade-in ">
-        <div
-          className={cn("pb-12", currentView === "providers" ? "pt-6" : "pt-4")}
-        >
+        <div className="pb-12">
           {renderContent()}
         </div>
       </main>