From f3e12629c2c6a88c1446323aa27bde7871519976 Mon Sep 17 00:00:00 2001
From: Nikhil Solanki <nikhilsolanki1403@gmail.com>
Date: Thu, 25 Dec 2025 15:09:26 +0530
Subject: [PATCH] Adjust layout and sizing of SettingsPanel tabs

Updated the Tabs and TabsList components in SettingsPanel to use fixed min and max heights and improved flex properties for better layout consistency and scrolling behavior.
---
 src/components/video-editor/SettingsPanel.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/video-editor/SettingsPanel.tsx b/src/components/video-editor/SettingsPanel.tsx
index 05f792d..2557c03 100644
--- a/src/components/video-editor/SettingsPanel.tsx
+++ b/src/components/video-editor/SettingsPanel.tsx
@@ -444,14 +444,14 @@ export function SettingsPanel({
         </>
       )}
 
-      <Tabs defaultValue="image" className="flex-1 flex flex-col min-h-0">
-        <TabsList className="mb-4 bg-white/5 border border-white/5 p-1 w-full grid grid-cols-3 h-auto rounded-xl">
+      <Tabs defaultValue="image" className="flex flex-col min-h-[280px]">
+        <TabsList className="mb-4 bg-white/5 border border-white/5 p-1 w-full grid grid-cols-3 h-auto rounded-xl flex-shrink-0">
           <TabsTrigger value="image" className="data-[state=active]:bg-[#34B27B] data-[state=active]:text-white text-slate-400 py-2 rounded-lg transition-all">Image</TabsTrigger>
           <TabsTrigger value="color" className="data-[state=active]:bg-[#34B27B] data-[state=active]:text-white text-slate-400 py-2 rounded-lg transition-all">Color</TabsTrigger>
           <TabsTrigger value="gradient" className="data-[state=active]:bg-[#34B27B] data-[state=active]:text-white text-slate-400 py-2 rounded-lg transition-all">Gradient</TabsTrigger>
         </TabsList>
         
-        <div className="flex-1 min-h-0 overflow-y-auto custom-scrollbar pr-2">
+        <div className="min-h-[220px] max-h-[300px] overflow-y-auto custom-scrollbar pr-2">
           <TabsContent value="image" className="mt-0 space-y-3 px-2">
             {/* Upload Button */}
             <input