From 708b03125cd8e7111c17ca5ddebca372d22d1e07 Mon Sep 17 00:00:00 2001
From: Vivek R <123vivekr@gmail.com>
Date: Sun, 22 Jun 2025 17:45:03 +0530
Subject: [PATCH] fix: make main content scrollable while keeping navbar fixed

---
 src/App.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4398455..056e984 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -138,7 +138,7 @@ function App() {
     switch (view) {
       case "welcome":
         return (
-          <div className="flex-1 flex items-center justify-center p-4">
+          <div className="flex items-center justify-center p-4" style={{ height: "100%" }}>
             <div className="w-full max-w-4xl">
               {/* Welcome Header */}
               <motion.div
@@ -360,7 +360,7 @@ function App() {
 
   return (
     <OutputCacheProvider>
-      <div className="min-h-screen bg-background flex flex-col">
+      <div className="h-screen bg-background flex flex-col">
         {/* Topbar */}
         <Topbar
           onClaudeClick={() => setView("editor")}
@@ -371,7 +371,9 @@ function App() {
         />
         
         {/* Main Content */}
-        {renderContent()}
+        <div className="flex-1 overflow-y-auto">
+          {renderContent()}
+        </div>
         
         {/* NFO Credits Modal */}
         {showNFO && <NFOCredits onClose={() => setShowNFO(false)} />}