refine Semi UI operations health

2026-07-18 13:38:25 +08:00
parent 3b06dd86a8
commit 10a072280b
3 changed files with 84 additions and 3 deletions
--- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
+++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css
@@ -11645,6 +11645,87 @@
    min-height: 260px;
  }

+  .v2-ops-workspace.is-health .v2-ops-metric-rail {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    overflow: visible;
+    scroll-snap-type: none;
+  }
+
+  .v2-ops-workspace.is-health .v2-ops-metric {
+    min-width: 0;
+    min-height: 78px;
+    flex: none;
+    border-top: 1px solid #e7edf4;
+    border-left: 0;
+    padding: 11px 12px 10px;
+    scroll-snap-align: none;
+  }
+
+  .v2-ops-workspace.is-health .v2-ops-metric:first-child {
+    min-width: 0;
+    min-height: 88px;
+    grid-column: 1 / -1;
+    border-top: 0;
+    padding-inline: 13px;
+  }
+
+  .v2-ops-workspace.is-health .v2-ops-metric:nth-child(even) {
+    border-right: 1px solid #e7edf4;
+  }
+
+  .v2-ops-workspace.is-health .v2-ops-metric strong {
+    margin: 6px 0 5px;
+    font-size: 19px;
+  }
+
+  .v2-ops-workspace.is-health .v2-ops-metric:first-child strong {
+    font-size: 22px;
+  }
+
+  .v2-ops-workspace.is-health .v2-ops-metric::after {
+    right: 12px;
+    left: 12px;
+  }
+
+  .v2-ops-links .v2-ops-link-card {
+    min-height: 58px;
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-rows: auto auto;
+    gap: 3px 10px;
+    padding: 8px 12px;
+  }
+
+  .v2-ops-links .v2-ops-link-card > .v2-ops-link-status {
+    min-width: 0;
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .v2-ops-links .v2-ops-link-card > .v2-ops-link-status strong {
+    overflow: hidden;
+    font-size: 11px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .v2-ops-links .v2-ops-link-card > p {
+    min-width: 0;
+    grid-column: 1;
+    grid-row: 2;
+    margin: 0 0 0 16px;
+    overflow: hidden;
+    font-size: 10px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .v2-ops-links .v2-ops-link-card > .v2-ops-health-tag {
+    align-self: center;
+    grid-column: 2;
+    grid-row: 1 / 3;
+  }
+
  .v2-source-filter-panel .v2-source-search {
    align-items: stretch;
  }