Consolidate asset relationships onto the shared card
All checks were successful
CI / backend (push) Successful in 25s
CI / naming (push) Successful in 1s
CI / frontend (push) Successful in 7s

The curated Controlled Machines (PC detail) and Connected PC (machine
detail) cards duplicated what the generic relationships card already
shows with type badges and inline add/remove - and hid every
non-controls relationship type. Removed the curated cards and their
plumbing (~105 lines of orphaned CSS included); the MachineForm
controlling-PC picker stays as the write path. Also theme-variable
fixes on the shared card styling.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
cproudlock
2026-07-11 19:16:03 -04:00
parent 48d3160bc5
commit 02d8983195
3 changed files with 7 additions and 241 deletions

View File

@@ -1137,26 +1137,7 @@ td.actions {
font-style: italic;
}
/* Connected Device */
.connected-device {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.device-link {
display: flex;
align-items: center;
gap: 0.75rem;
text-decoration: none;
color: inherit;
}
.device-link:hover .device-name {
color: var(--info);
}
/* Device icon (network detail) */
.device-icon {
width: 44px;
height: 44px;
@@ -1173,76 +1154,6 @@ td.actions {
height: 24px;
}
.device-info {
display: flex;
flex-direction: column;
}
.device-name {
font-weight: 600;
font-size: 15px;
}
.device-alias {
font-size: 13px;
color: var(--text-light);
}
.connection-type {
padding: 0.25rem 0.5rem;
font-size: 11px;
background: rgba(4, 185, 98, 0.2);
color: var(--success);
border-radius: 0.25rem;
}
/* Equipment List */
.equipment-list {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.equipment-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.75rem;
background: var(--bg);
border: 1px solid var(--border);
border-radius: 0.25rem;
text-decoration: none;
color: inherit;
transition: border-color 0.15s;
}
.equipment-item:hover {
border-color: var(--primary);
}
.equipment-info {
display: flex;
flex-direction: column;
}
.equipment-name {
font-weight: 500;
font-size: 14px;
}
.equipment-alias {
font-size: 13px;
color: var(--text-light);
}
.connection-tag {
padding: 0.2rem 0.5rem;
font-size: 11px;
background: rgba(4, 185, 98, 0.2);
color: var(--success);
border-radius: 0.25rem;
}
/* Network */
.network-list {
display: flex;