diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css index 346f07a..cdf5f91 100644 --- a/apps/web/src/styles.css +++ b/apps/web/src/styles.css @@ -2614,14 +2614,6 @@ a.nav-item, } /* Ensure xterm viewport fills container properly */ -.terminal-wrapper.mobile .xterm { - height: 100% !important; -} - -.terminal-wrapper.mobile .xterm-viewport { - height: 100% !important; -} - /* Responsive terminal */ @media (max-width: 767px) { .terminal-page { @@ -3195,6 +3187,37 @@ a.nav-item, flex-direction: column; } +/* Terminal wrapper - explicit height for xterm.js */ +.terminal-wrapper.mobile { + border: none; + border-radius: 0; + flex: 1; + min-height: 0; + width: 100%; + overflow: hidden; + display: flex; + flex-direction: column; +} + +.terminal-wrapper.mobile .terminal-container { + flex: 1; + min-height: 0; + padding: 0; + overflow: hidden; + position: relative; +} + +/* Ensure xterm fills container */ +.terminal-wrapper.mobile .terminal-container .xterm { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; +} + /* Special Keys Strip */ .special-keys-strip { display: flex;