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:
+15
-5
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user