feat(ui): hide device management behind ⚙ MANAGE toggle — form and remove buttons only shown when active
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user