fix: make main content scrollable while keeping navbar fixed

This commit is contained in:
Vivek R
2025-06-22 17:45:03 +05:30
parent 93ce8b656f
commit 708b03125c

View File

@@ -138,7 +138,7 @@ function App() {
switch (view) { switch (view) {
case "welcome": case "welcome":
return ( 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"> <div className="w-full max-w-4xl">
{/* Welcome Header */} {/* Welcome Header */}
<motion.div <motion.div
@@ -360,7 +360,7 @@ function App() {
return ( return (
<OutputCacheProvider> <OutputCacheProvider>
<div className="min-h-screen bg-background flex flex-col"> <div className="h-screen bg-background flex flex-col">
{/* Topbar */} {/* Topbar */}
<Topbar <Topbar
onClaudeClick={() => setView("editor")} onClaudeClick={() => setView("editor")}
@@ -371,7 +371,9 @@ function App() {
/> />
{/* Main Content */} {/* Main Content */}
<div className="flex-1 overflow-y-auto">
{renderContent()} {renderContent()}
</div>
{/* NFO Credits Modal */} {/* NFO Credits Modal */}
{showNFO && <NFOCredits onClose={() => setShowNFO(false)} />} {showNFO && <NFOCredits onClose={() => setShowNFO(false)} />}