fix: optimize firmware notification action UI

This commit is contained in:
Miayui
2026-09-18 13:22:05 +08:00
parent 0ab1d76781
commit 24aa1371dc
5 changed files with 36 additions and 5 deletions
+18
View File
@@ -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); }