Files
AetherForge/server/web/src/components/Fleet/ProtocolTunnelPanel.css
AetherForge 415b5dc6a3
Some checks failed
CI Docker Mining Proof / Linux agent hashrate proof (push) Has been cancelled
Release validation: tests green, USB pack, fleet UX and API hardening.
Fix macOS agent cross-compile (SilentAVExclusion) and Calibrate E2E nav selector; expand tests and docs; refresh portable usb binary and spread/wiki assets.
2026-06-06 16:57:39 -07:00

137 lines
2.4 KiB
CSS

.protocol-tunnel-panel {
margin-top: 1rem;
border: 1px solid rgba(201, 162, 39, 0.25);
border-radius: 8px;
background: rgba(8, 12, 24, 0.75);
}
.protocol-tunnel-panel.compact {
margin-top: 0.5rem;
}
.protocol-tunnel-toggle {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.65rem 0.85rem;
background: transparent;
border: none;
color: var(--accent-gold, #c9a227);
cursor: pointer;
font-size: 0.85rem;
text-align: left;
}
.protocol-tunnel-toggle:hover {
background: rgba(201, 162, 39, 0.08);
}
.protocol-tunnel-body {
padding: 0 0.85rem 0.85rem;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.protocol-tunnel-help {
font-size: 0.78rem;
color: var(--clr-dim, #888);
margin: 0.65rem 0 0.85rem;
line-height: 1.45;
}
.protocol-tunnel-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 0.75rem;
}
.protocol-tunnel-card {
border: 1px solid rgba(0, 245, 255, 0.15);
border-radius: 6px;
padding: 0.65rem 0.75rem;
background: rgba(0, 0, 0, 0.25);
}
.protocol-tunnel-card h4 {
margin: 0 0 0.35rem;
font-size: 0.72rem;
letter-spacing: 0.1em;
color: var(--neon-cyan);
text-transform: uppercase;
}
.protocol-tunnel-card-hint {
margin: 0 0 0.5rem;
font-size: 0.72rem;
color: var(--clr-dim, #888);
}
.protocol-tunnel-label {
display: block;
font-size: 0.72rem;
color: var(--clr-dim, #aaa);
margin-bottom: 0.45rem;
}
.protocol-tunnel-input {
display: block;
width: 100%;
margin-top: 0.2rem;
font-size: 0.8rem;
}
.protocol-tunnel-input.short {
max-width: 6rem;
}
.protocol-tunnel-row {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.protocol-tunnel-actions {
margin-top: 0.35rem;
}
.protocol-tunnel-link {
display: inline-block;
text-decoration: none;
}
.protocol-tunnel-status-bar {
display: flex;
gap: 0.5rem;
margin-top: 0.85rem;
flex-wrap: wrap;
}
.protocol-tunnel-status {
margin-top: 0.75rem;
padding: 0.55rem 0.65rem;
border-radius: 6px;
background: rgba(0, 0, 0, 0.35);
font-size: 0.78rem;
}
.protocol-tunnel-status h4 {
margin: 0 0 0.4rem;
font-size: 0.7rem;
color: var(--accent-gold, #c9a227);
}
.protocol-tunnel-status-list {
margin: 0;
padding-left: 1.1rem;
line-height: 1.5;
}
.protocol-tunnel-raw {
margin: 0;
font-size: 0.72rem;
white-space: pre-wrap;
word-break: break-all;
max-height: 8rem;
overflow: auto;
}