diff --git a/src/renderer/components/+cluster/cluster-no-metrics.module.scss b/src/renderer/components/+cluster/cluster-no-metrics.module.scss index 508f3221c7..2ad031f434 100644 --- a/src/renderer/components/+cluster/cluster-no-metrics.module.scss +++ b/src/renderer/components/+cluster/cluster-no-metrics.module.scss @@ -12,7 +12,6 @@ flex-grow: 1; .link { - text-decoration: underline; color: var(--blue); cursor: pointer; } diff --git a/src/renderer/components/+cluster/cluster-pie-charts.module.scss b/src/renderer/components/+cluster/cluster-pie-charts.module.scss index abedbb7038..9ec9564da0 100644 --- a/src/renderer/components/+cluster/cluster-pie-charts.module.scss +++ b/src/renderer/components/+cluster/cluster-pie-charts.module.scss @@ -7,7 +7,7 @@ background: var(--contentColor); min-height: 280px; text-align: center; - padding: calc(var(--padding) * 2) 0; + padding: calc(var(--padding) * 2); } .chart { @@ -15,3 +15,8 @@ background: var(--contentColor); padding: calc(var(--padding) * 2) var(--padding); } + +.noMetrics { + display: flex; + flex-grow: 1; +} diff --git a/src/renderer/components/+cluster/cluster-pie-charts.tsx b/src/renderer/components/+cluster/cluster-pie-charts.tsx index 259a0e4741..3121904e08 100644 --- a/src/renderer/components/+cluster/cluster-pie-charts.tsx +++ b/src/renderer/components/+cluster/cluster-pie-charts.tsx @@ -232,7 +232,11 @@ const NonInjectedClusterPieCharts = observer(({ clusterOverviewStore }: Dependen const { memoryCapacity, cpuCapacity, podCapacity } = getMetricLastPoints(clusterOverviewStore.metrics); if (!memoryCapacity || !cpuCapacity || !podCapacity) { - return ; + return ( +
+ +
+ ); } return renderCharts();