vrr/codeburn
2
0
Fork 0
mirror of https://github.com/AgentSeal/codeburn.git synced 2026-08-11 01:25:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix(app): content pane scrolls instead of squishing; cap content width

Browse source 
.body is a flex column; its children defaulted to flex-shrink:1, so they
compressed to fit (no scroll, 'window gets smaller'). Pin .body > * to
flex-shrink:0 so content keeps its natural height and overflow-y scrolls.
Also cap children to max-width 940px (centered) so wide windows don't
stretch the layout edge-to-edge.
This commit is contained in:
iamtoruk 2026-07-11 10:56:41 -07:00
parent dce18fff83
commit 02cf8e3b07
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/renderer/styles/plain.css
View file

@ -103,7 +103,10 @@ html, body, #root { height: 100%; margin: 0; }
body { overflow: hidden; background: var(--bg); color: var(--ink); }
.win { height: 100%; min-height: 0; border-radius: 0; background: var(--canvas); box-shadow: none; }
.ct { min-height: 0; }
.body { overflow-y: auto; min-height: 0; }
.body { overflow-y: auto; min-height: 0; align-items: center; }
/* Children keep their natural height (don't flex-shrink to fit) so the pane
scrolls instead of squishing; capped width keeps content from stretching. */
.body > * { flex-shrink: 0; width: 100%; max-width: 940px; }
/* Use the real OS window controls, not the wireframe's fake traffic-light dots. */
.lights { display: none; }
.sb { padding-top: 12px; }