feat(ui): hide device management behind ⚙ MANAGE toggle — form and remove buttons only shown when active

This commit is contained in:
Claude
2026-04-05 20:59:35 +00:00
parent a024e762c0
commit 82995de95a
3 changed files with 42 additions and 2 deletions

View File

@@ -87,8 +87,41 @@ body {
color: var(--text-accent);
text-transform: uppercase;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.panel-manage-btn {
background: none;
border: 1px solid transparent;
color: var(--text-dim);
font-family: var(--font-mono);
font-size: 10px;
letter-spacing: 0.08em;
cursor: pointer;
padding: 1px 6px;
text-transform: uppercase;
}
.panel-manage-btn:hover {
border-color: var(--border-dim);
color: var(--text-accent);
}
.panel-manage-btn.active {
border-color: var(--accent);
color: var(--text-accent);
}
/* Management controls hidden by default */
#devices-panel .device-remove { display: none; }
#devices-panel .device-form { display: none; }
/* Shown when manage mode active */
#devices-panel.manage-active .device-remove { display: block; }
#devices-panel.manage-active .device-form { display: flex; }
.panel-content {
flex: 1;
padding: 8px 12px;