@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;