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

Merge branch 'dev' of ssh://git.commumedia.org:2222/alex/headquarter into dev

Browse Source
This commit is contained in:
Alex
2026-05-24 12:45:59 +00:00
parent 073013bc61 865b9411da
commit 09938bede4
1 changed files with 27 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/styles.css
+27 -33
View File
@@ -3062,15 +3062,15 @@ a.nav-item,
Mobile Terminal Styles Mobile Terminal Styles
============================================ */ ============================================ */
.mobile-terminal-shell { .mobile-terminal-wrapper {
height: 100vh; display: grid;
overflow: hidden; grid-template-rows: auto 1fr auto;
} grid-template-areas:
"header"
.mobile-terminal-wrapper { "content"
display: flex; "keys";
flex-direction: column;
height: 100vh; height: 100vh;
height: 100dvh; /* Dynamic viewport height for mobile */
background: #1e1e1e; background: #1e1e1e;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -3078,13 +3078,13 @@ a.nav-item,
/* Mobile Terminal Header */ /* Mobile Terminal Header */
.mobile-terminal-header { .mobile-terminal-header {
grid-area: header;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: var(--space-2) var(--space-3); padding: var(--space-2) var(--space-3);
background: #2d2d2d; background: #2d2d2d;
border-bottom: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e;
flex-shrink: 0;
transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease, padding 0.3s ease, margin 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease, padding 0.3s ease, margin 0.3s ease;
z-index: 100; z-index: 100;
overflow: hidden; overflow: hidden;
@@ -3179,36 +3179,16 @@ a.nav-item,
/* Mobile Terminal Content */ /* Mobile Terminal Content */
.mobile-terminal-content { .mobile-terminal-content {
flex: 1; grid-area: content;
min-height: 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
display: flex; background: #1e1e1e;
flex-direction: column;
} }
/* Terminal wrapper - explicit height for xterm.js */ /* Terminal wrapper - fills content area */
.terminal-wrapper.mobile { .terminal-wrapper.mobile {
border: none; border: none;
border-radius: 0; 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; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -3216,10 +3196,25 @@ a.nav-item,
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden;
}
.terminal-wrapper.mobile .terminal-container {
width: 100%;
height: 100%;
padding: 0;
overflow: hidden;
}
/* xterm fills container */
.terminal-wrapper.mobile .terminal-container .xterm {
width: 100%;
height: 100%;
} }
/* Special Keys Strip */ /* Special Keys Strip */
.special-keys-strip { .special-keys-strip {
grid-area: keys;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 2px; gap: 2px;
@@ -3229,7 +3224,6 @@ a.nav-item,
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
scrollbar-width: none; scrollbar-width: none;
flex-shrink: 0;
transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease;
z-index: 100; z-index: 100;
} }