fix: optimize firmware notification action UI
This commit is contained in:
@@ -335,6 +335,20 @@ th:nth-child(4) { width: 28%; } th:nth-child(5) { width: 8%; } th:nth-child(6) {
|
||||
.table-actions svg { width: 13px; height: 13px; }
|
||||
.table-actions .publish-action { color: white; background: var(--primary); }
|
||||
.table-actions .delete-action { color: var(--danger); background: #fff0f1; }
|
||||
.table-actions .notify-action {
|
||||
flex: 0 0 42px;
|
||||
width: 42px;
|
||||
min-width: 42px;
|
||||
height: 34px;
|
||||
margin-left: auto;
|
||||
padding: 6px;
|
||||
border-radius: 8px;
|
||||
color: #fff;
|
||||
background: var(--primary);
|
||||
box-shadow: 0 4px 10px rgba(40, 105, 232, .2);
|
||||
}
|
||||
.table-actions .notify-action svg { width: 20px; height: 20px; stroke-width: 2.25; }
|
||||
.table-actions .notify-action:hover { background: color-mix(in srgb, var(--primary) 86%, #132447); }
|
||||
.baseline-protection { height: 26px; padding: 3px 6px; display: inline-flex; align-items: center; gap: 3px; color: var(--success); background: var(--success-soft); border-radius: 5px; font-size: 12px; white-space: nowrap; }
|
||||
.baseline-protection svg { width: 13px; }
|
||||
.status-badge[data-status="baseline"] { color: var(--success); border-color: #b9e5d3; background: var(--success-soft); }
|
||||
@@ -600,6 +614,10 @@ body.embedded .file-cell span { line-height: 1.15; }
|
||||
color: var(--danger);
|
||||
background: color-mix(in srgb, var(--danger) 12%, var(--surface));
|
||||
}
|
||||
:root[data-glass-theme="dark"] .table-actions .notify-action {
|
||||
color: #fff;
|
||||
background: color-mix(in srgb, var(--primary) 82%, #07101e);
|
||||
}
|
||||
:root[data-glass-theme="dark"] .modal-backdrop { background: rgba(2, 5, 14, .68); }
|
||||
:root[data-glass-theme="dark"] .modal { background: var(--surface); }
|
||||
:root[data-glass-theme="dark"] .diff-panel p { color: var(--muted); }
|
||||
|
||||
Reference in New Issue
Block a user