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

fix: ensure terminal fills entire viewport on mobile

Browse Source 
- Add width: 100% to xterm, xterm-viewport, and xterm-screen
- Add explicit canvas display: block for proper sizing
- Remove padding from terminal-container on mobile
- Add min-height: 100% to terminal-wrapper.mobile
- Ensure xterm.js internal elements fill parent container
This commit is contained in:
Fusion
2026-05-24 13:31:46 +02:00
parent 6173d42ddf
commit 2f44306089
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/styles.css
+14
View File
@@ -2596,12 +2596,24 @@ a.nav-item,
.terminal-container .xterm { .terminal-container .xterm {
height: 100%; height: 100%;
width: 100%;
} }
.terminal-container .xterm-viewport { .terminal-container .xterm-viewport {
height: 100% !important;
width: 100% !important;
background: #1e1e1e !important; background: #1e1e1e !important;
} }
.terminal-container .xterm-screen {
height: 100% !important;
width: 100% !important;
}
.terminal-container canvas {
display: block;
}
/* Responsive terminal */ /* Responsive terminal */
@media (max-width: 767px) { @media (max-width: 767px) {
.terminal-page { .terminal-page {
@@ -3187,6 +3199,7 @@ a.nav-item,
border: none; border: none;
border-radius: 0; border-radius: 0;
height: 100%; height: 100%;
min-height: 100%;
} }
.terminal-wrapper.mobile .terminal-header { .terminal-wrapper.mobile .terminal-header {
@@ -3256,6 +3269,7 @@ a.nav-item,
.terminal-container { .terminal-container {
touch-action: none; touch-action: none;
padding: 0;
} }
} }