diff --git a/src/MxGateway.Server/Dashboard/Components/Pages/GalaxyPage.razor b/src/MxGateway.Server/Dashboard/Components/Pages/GalaxyPage.razor index b9f64fd..729a1b4 100644 --- a/src/MxGateway.Server/Dashboard/Components/Pages/GalaxyPage.razor +++ b/src/MxGateway.Server/Dashboard/Components/Pages/GalaxyPage.razor @@ -19,12 +19,12 @@ else
- + - +
@if (Snapshot.Galaxy.Status == DashboardGalaxyStatus.Unknown) diff --git a/src/MxGateway.Server/Dashboard/Components/Shared/MetricCard.razor b/src/MxGateway.Server/Dashboard/Components/Shared/MetricCard.razor index 78264b3..f3069b5 100644 --- a/src/MxGateway.Server/Dashboard/Components/Shared/MetricCard.razor +++ b/src/MxGateway.Server/Dashboard/Components/Shared/MetricCard.razor @@ -1,4 +1,4 @@ -
+
@Label
@Value
@@ -18,4 +18,8 @@ [Parameter] public string? Detail { get; set; } + + /// Spans the card across two grid columns for long values such as timestamps. + [Parameter] + public bool Wide { get; set; } } diff --git a/src/MxGateway.Server/wwwroot/css/dashboard.css b/src/MxGateway.Server/wwwroot/css/dashboard.css index 5dc79d3..9ab69cd 100644 --- a/src/MxGateway.Server/wwwroot/css/dashboard.css +++ b/src/MxGateway.Server/wwwroot/css/dashboard.css @@ -88,6 +88,8 @@ body.dashboard-body { min-height: 100vh; } letter-spacing: 0.07em; color: var(--ink-faint); } +.metric-card-wide { grid-column: span 2; } + .metric-value { margin-top: 0.25rem; font-family: var(--mono); @@ -96,7 +98,8 @@ body.dashboard-body { min-height: 100vh; } font-weight: 600; line-height: 1.1; color: var(--ink); - overflow-wrap: anywhere; + /* break-word, not anywhere: keep date/number tokens whole, wrap at spaces. */ + overflow-wrap: break-word; } .metric-detail { margin-top: 0.15rem;