diff --git a/config/systemd/user/xworkspace-console.service b/config/systemd/user/xworkspace-console.service index 8125224..cec7289 100644 --- a/config/systemd/user/xworkspace-console.service +++ b/config/systemd/user/xworkspace-console.service @@ -6,7 +6,7 @@ Wants=network-online.target [Service] Type=simple WorkingDirectory=%h/xworkspace-console/dashboard -ExecStart=/usr/bin/npm run dev -- --host 127.0.0.1 --port 17000 +ExecStart=/usr/bin/npm run preview -- --host 127.0.0.1 --port 17000 Restart=always RestartSec=2 diff --git a/dashboard/src/styles.css b/dashboard/src/styles.css index 728c8d9..f333d26 100644 --- a/dashboard/src/styles.css +++ b/dashboard/src/styles.css @@ -1999,101 +1999,7 @@ button.node-card { min-width: 42px; } -.status-aggregate { - position: relative; -} -.status-aggregate > .status-pill { - height: 44px; - min-width: 118px; - justify-content: center; - border: 1px solid var(--line); - border-radius: 999px; - background: rgba(255, 255, 255, 0.94); - box-shadow: 0 8px 24px rgba(50, 65, 100, 0.08); - color: #101522; - font-size: 22px; - font-weight: 800; - cursor: pointer; -} - -.status-aggregate > .status-pill .status-dot { - width: 14px; - height: 14px; -} - -.status-aggregate > .status-pill.ok .status-dot { - background: var(--green); -} - -.status-aggregate > .status-pill.warn .status-dot { - background: var(--red); -} - -.status-aggregate > .status-pill .icon { - width: 24px; - height: 24px; -} - -.status-aggregate > .status-pill.ok .icon { - color: var(--green); -} - -.status-aggregate > .status-pill.warn .icon { - color: var(--red); -} - -.status-popover { - top: 54px; - right: 0; - width: 480px; - padding: 22px 24px; - border: 1px solid rgba(15, 23, 42, 0.12); - border-radius: 24px; - background: rgba(255, 255, 255, 0.98); - box-shadow: 0 24px 70px rgba(39, 52, 83, 0.18); -} - -.status-popover-row { - min-height: 54px; - display: grid; - grid-template-columns: 34px minmax(0, 1fr) 16px; - gap: 12px; - padding: 0 8px; - color: #111827; - font-size: 25px; - font-weight: 600; -} - -.status-popover-row .icon { - width: 24px; - height: 24px; - color: #6b7280; -} - -.status-popover-row span { - white-space: nowrap; -} - -.status-popover-row .service-name { - grid-column: 1 / 3; -} - -.status-popover-row .dot { - width: 14px; - height: 14px; - align-self: center; -} - -.status-popover-divider { - height: 1px; - margin: 12px 0 16px; - background: rgba(17, 24, 39, 0.1); -} - -.status-popover-row:hover { - background: transparent; -} .command-panel { padding-bottom: 22px; @@ -2108,106 +2014,7 @@ button.node-card { margin-top: 20px; } -.status-strip .status-aggregate { - position: relative; -} -.status-strip .status-aggregate > .status-pill { - height: 44px; - min-width: 122px; - justify-content: center; - gap: 12px; - padding: 0 18px; - border: 1px solid rgba(15, 23, 42, 0.1); - border-radius: 999px; - background: rgba(255, 255, 255, 0.96); - box-shadow: 0 8px 24px rgba(50, 65, 100, 0.08); - color: #111827; - font-size: 25px; - font-weight: 850; - line-height: 1; - cursor: pointer; -} - -.status-strip .status-aggregate > .status-pill .status-dot { - width: 14px; - height: 14px; -} - -.status-strip .status-aggregate > .status-pill.warn .status-dot { - background: #e84c4f; -} - -.status-strip .status-aggregate > .status-pill.ok .status-dot { - background: #18a957; -} - -.status-strip .status-aggregate > .status-pill .icon { - width: 24px; - height: 24px; - background: transparent; -} - -.status-strip .status-aggregate > .status-pill.warn .icon { - color: #e84c4f; -} - -.status-strip .status-aggregate > .status-pill.ok .icon { - color: #18a957; -} - -.status-strip .status-popover { - top: 54px; - right: 0; - width: 480px; - min-width: 480px; - padding: 22px 24px; - border: 1px solid rgba(15, 23, 42, 0.12); - border-radius: 24px; - background: rgba(255, 255, 255, 0.98); - box-shadow: 0 24px 70px rgba(39, 52, 83, 0.18); - backdrop-filter: blur(18px); -} - -.status-strip .status-popover-row { - min-height: 54px; - display: grid; - grid-template-columns: 34px minmax(0, 1fr) 16px; - align-items: center; - gap: 12px; - padding: 0 8px; - color: #111827; - font-size: 25px; - font-weight: 600; -} - -.status-strip .status-popover-row .icon { - width: 24px; - height: 24px; - color: #6b7280; -} - -.status-strip .status-popover-row span { - white-space: nowrap; -} - -.status-strip .status-popover-row .service-name { - grid-column: 1 / 3; - overflow: visible; - text-overflow: clip; -} - -.status-strip .status-popover-row .dot { - width: 14px; - height: 14px; - justify-self: center; -} - -.status-strip .status-popover-divider { - height: 1px; - margin: 12px 0 16px; - background: rgba(17, 24, 39, 0.1); -} /* Sidebar utility buttons */ .sidebar .sidebar-tools {