Add reusable React terminal component

This commit is contained in:
Nathan Flurry 2026-03-07 16:50:24 -08:00
parent 1241fdec4c
commit 9cca6e3e87
15 changed files with 338 additions and 122 deletions

View file

@ -2965,58 +2965,6 @@
font-size: 11px;
}
/* Terminal (shared) */
.process-terminal-shell {
margin-top: 4px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
overflow: hidden;
background: rgba(0, 0, 0, 0.3);
}
.process-terminal-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 8px 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(0, 0, 0, 0.2);
font-size: 11px;
color: var(--text-secondary);
}
.process-terminal-status {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--muted);
}
.process-terminal-status.ready {
color: var(--success);
}
.process-terminal-status.error {
color: var(--danger);
}
.process-terminal-status.closed {
color: var(--warning);
}
.process-terminal-host {
min-height: 320px;
max-height: 480px;
overflow: hidden;
padding: 10px;
}
.process-terminal-host > div {
width: 100%;
height: 100%;
}
.process-terminal-empty {
margin-top: 4px;
padding: 10px 12px;