GovOPlaN/govoplan-risk-compliance
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Adopt shared WebUI layout primitives

Browse Source
This commit is contained in:
zemion
2026-08-18 11:30:40 +02:00
parent 05e1e246ca
commit 504255a0bd
2 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/features/riskCompliance/RiskCompliancePage.tsx
+3 -2
View File
@@ -1,3 +1,4 @@
import { MetricGrid } from "@govoplan/core-webui";
import { import {
CheckCircle2, CheckCircle2,
Database, Database,
@@ -1249,7 +1250,7 @@ function AssurancePane({
documentation={RISK_COMPLIANCE_DOCUMENTATION} documentation={RISK_COMPLIANCE_DOCUMENTATION}
/> />
)} )}
<div className="metric-grid risk-assurance-metrics"> <MetricGrid minimum="fluid" className="risk-assurance-metrics">
<MetricCard label="Objects" value={summary?.node_count ?? 0} tone="neutral" /> <MetricCard label="Objects" value={summary?.node_count ?? 0} tone="neutral" />
<MetricCard label="Relationships" value={summary?.edge_count ?? 0} tone="neutral" /> <MetricCard label="Relationships" value={summary?.edge_count ?? 0} tone="neutral" />
<MetricCard label="Risks" value={summary?.by_kind.risk ?? 0} tone="warning" /> <MetricCard label="Risks" value={summary?.by_kind.risk ?? 0} tone="warning" />
@@ -1258,7 +1259,7 @@ function AssurancePane({
value={summary?.by_state.open ?? 0} value={summary?.by_state.open ?? 0}
tone={(summary?.by_state.open ?? 0) > 0 ? "danger" : "good"} tone={(summary?.by_state.open ?? 0) > 0 ? "danger" : "good"}
/> />
</div> </MetricGrid>
</div> </div>
<div className="risk-assurance-columns"> <div className="risk-assurance-columns">
<aside className="risk-panel"> <aside className="risk-panel">
webui/src/styles/risk-compliance.css
-4
View File
@@ -79,10 +79,6 @@
gap: 10px; gap: 10px;
} }
.risk-assurance-metrics {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.risk-assurance-columns { .risk-assurance-columns {
display: grid; display: grid;
min-width: 0; min-width: 0;