fix: mobile terminal black screen - grid cell had 0 height

- Root cause: .mobile-terminal-wrapper used height: 100vh inside flex parent
- Fix: Use flex: 1 instead so grid properly allocates 1fr height to content
- Add .shell.mobile-terminal-shell CSS to ensure full viewport coverage
- Remove debug logging
This commit is contained in:
Fusion
2026-05-24 22:51:31 +02:00
parent b9ea806c0d
commit 612217ad89
2 changed files with 21 additions and 34 deletions
+15 -5
View File
@@ -3112,17 +3112,27 @@ a.nav-item,
Mobile Terminal Styles
============================================ */
.mobile-terminal-wrapper {
/* Mobile terminal shell - fills viewport */
.shell.mobile-terminal-shell {
height: 100vh;
height: 100dvh;
overflow: hidden;
}
.shell.mobile-terminal-shell > * {
flex: 1;
min-height: 0;
}
.mobile-terminal-wrapper {
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-areas:
"header"
"content"
"keys";
height: 100vh;
height: 100dvh; /* Dynamic viewport height for mobile */
max-height: 100vh;
max-height: 100dvh;
flex: 1;
min-height: 0;
background: #1e1e1e;
position: relative;
overflow: hidden;