feat(panel): add .connected-bar CSS for compact connected state

This commit is contained in:
Zac Gaetano 2026-05-27 19:31:16 -04:00
parent 350c23f9d1
commit 5571768706

View file

@ -1245,6 +1245,36 @@ select option { background: var(--bg-surface); color: var(--text-primary); }
.slide-panel { width: 100%; }
}
/* ================================================================
CONNECTED BAR
================================================================ */
.connected-bar {
background: var(--bg-panel);
border-bottom: 1px solid var(--border);
padding: 0 var(--sp-3);
height: 36px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.connected-bar-status {
display: flex;
align-items: center;
gap: var(--sp-2);
}
.connected-host {
font: 500 12px/1 var(--font-mono);
color: var(--text-secondary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 180px;
}
/* ================================================================
SKELETON SHIMMER
================================================================ */