alex/headquarter
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ensure shell-content fills available viewport height

Browse Source 
The terminal page uses height: 100% but parent .shell-content didn't
have explicit height, so the terminal couldn't fill the viewport.

Changes:
- .shell-content: added height: 100%
- .shell-body: added flex: 1 to fill flex parent
- Mobile .shell-content: added height: 100%

This ensures the terminal wrapper can properly calculate and fill
the available viewport space.
This commit is contained in:
Fusion
2026-05-24 17:01:15 +02:00
parent f37813a317
commit 8b4e1a7428
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/styles.css
+3
View File
@@ -121,6 +121,7 @@ a {
display: grid; display: grid;
grid-template-columns: 230px 1fr; grid-template-columns: 230px 1fr;
min-height: calc(100vh - 57px); min-height: calc(100vh - 57px);
flex: 1;
} }
.shell-nav { .shell-nav {
@@ -169,6 +170,7 @@ a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
height: 100%;
} }
.eyebrow { .eyebrow {
@@ -305,6 +307,7 @@ a {
.shell-content { .shell-content {
padding: var(--space-4); padding: var(--space-4);
height: 100%;
} }
} }