Simplify Systems Operational, reword Domain Status, blue restart buttons

- Restart and retry actions (topbar Reboot, Restart Entire System in the
  update and rebuild dialogs and the restart confirmation, Retry Update,
  Try Again) are now blue instead of amber — amber read as an error.
  Status pills keep their semantic colors (amber = restart required).
- The service-modal domain section is no longer a checklist: it is titled
  "Domain Status" and shows a single green "Domain is active" line with
  the domain (or the backend's not-configured detail and Configure
  Domain action when there is no domain yet). No "Step 1" wording.
- Systems Operational keeps the complexity hidden: the Router card now
  shows just a verdict — green "Ports 80 and 443 are open" or red
  "Ports 80 and 443 are not open" — derived from the same live backend
  diagnostics. Port-forwarding instructions are gone (onboarding covers
  them); on the Node-only role the card still explains that ports only
  matter once BTCPay Server or Lightning Wallet Connections (LNURL) is
  enabled.
This commit is contained in:
2026-09-08 17:52:04 -05:00
parent ea9d4f21d7
commit e6078b9c89
3 changed files with 50 additions and 64 deletions
+12 -11
View File
@@ -62,22 +62,23 @@ button:disabled {
background: rgba(255, 255, 255, 0.04);
}
/* Amberdestructive-ish confirmations (restart, reboot, retry) */
/* Bluerestart / retry actions (amber reads as an error) */
.btn-amber,
.btn-reboot,
.btn-restart-amber,
.btn-warning {
background: rgba(233, 182, 74, 0.10);
border-color: rgba(233, 182, 74, 0.32);
color: #f2c45e;
background: rgba(120, 174, 237, 0.10);
border-color: rgba(120, 174, 237, 0.35);
color: #a5cbf2;
}
.btn-amber:hover:not(:disabled),
.btn-reboot:hover:not(:disabled),
.btn-restart-amber:hover:not(:disabled),
.btn-warning:hover:not(:disabled) {
background: rgba(233, 182, 74, 0.18);
border-color: rgba(233, 182, 74, 0.5);
background: rgba(120, 174, 237, 0.18);
border-color: rgba(120, 174, 237, 0.55);
color: #c2dcf8;
}
.btn-danger {
@@ -96,9 +97,9 @@ button:disabled {
/* ── Header / topbar buttons ────────────────────────────────────── */
.btn-header-reboot {
background: rgba(233, 182, 74, 0.10);
border: 1px solid rgba(233, 182, 74, 0.32);
color: #f2c45e;
background: rgba(120, 174, 237, 0.10);
border: 1px solid rgba(120, 174, 237, 0.35);
color: #a5cbf2;
font-size: 0.77rem;
font-weight: 700;
padding: 6px 14px;
@@ -106,8 +107,8 @@ button:disabled {
}
.btn-header-reboot:hover:not(:disabled) {
background: rgba(233, 182, 74, 0.18);
border-color: rgba(233, 182, 74, 0.5);
background: rgba(120, 174, 237, 0.18);
border-color: rgba(120, 174, 237, 0.55);
}
.btn-logout {