Schwitz/PubScript
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(web): restore main area height in app shell grid

Browse Source 
The App.tsx wrapped Topbar + main in a flex column div with height:100%,
which the .ps-app CSS grid auto-placed into the 48px topbar cell, leaving
the main grid area with zero height and a blank write view. Removed the
wrapper so Topbar (grid-area: topbar) and main (grid-area: main) are direct
grid children and receive their proper grid cells.
This commit is contained in:
Schwitzz
2026-10-25 18:25:49 -05:00
parent 41613b151e
commit 81a44b6e95
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/App.tsx
+14 -16
View File
@@ -39,22 +39,20 @@ export default function App() {
return ( return (
<div className="ps-app"> <div className="ps-app">
<Sidebar nav={NAV} /> <Sidebar nav={NAV} />
<div style={{ display: "flex", flexDirection: "column", height: "100%" }}> <Topbar onOpenPalette={() => setPaletteOpen(true)} />
<Topbar onOpenPalette={() => setPaletteOpen(true)} /> <main className="ps-main">
<main className="ps-main" style={{ flex: 1, overflow: "hidden" }}> <Routes>
<Routes> <Route path="/" element={<Write />} />
<Route path="/" element={<Write />} /> <Route path="/characters" element={<Characters />} />
<Route path="/characters" element={<Characters />} /> <Route path="/plot" element={<Plot />} />
<Route path="/plot" element={<Plot />} /> <Route path="/whiteboard" element={<Whiteboard />} />
<Route path="/whiteboard" element={<Whiteboard />} /> <Route path="/ai" element={<AI />} />
<Route path="/ai" element={<AI />} /> <Route path="/projects" element={<Projects />} />
<Route path="/projects" element={<Projects />} /> <Route path="/settings" element={<Settings />} />
<Route path="/settings" element={<Settings />} /> <Route path="/admin" element={<Admin />} />
<Route path="/admin" element={<Admin />} /> <Route path="*" element={<Write />} />
<Route path="*" element={<Write />} /> </Routes>
</Routes> </main>
</main>
</div>
<CommandPalette open={paletteOpen} onClose={() => setPaletteOpen(false)} nav={NAV} /> <CommandPalette open={paletteOpen} onClose={() => setPaletteOpen(false)} nav={NAV} />
<ToastViewport /> <ToastViewport />