1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Fine-tune NoMetrics layout

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-04-13 16:14:01 +03:00
parent 4eb54a9296
commit 4f9ab17f7e
3 changed files with 11 additions and 3 deletions

View File

@ -12,7 +12,6 @@
flex-grow: 1; flex-grow: 1;
.link { .link {
text-decoration: underline;
color: var(--blue); color: var(--blue);
cursor: pointer; cursor: pointer;
} }

View File

@ -7,7 +7,7 @@
background: var(--contentColor); background: var(--contentColor);
min-height: 280px; min-height: 280px;
text-align: center; text-align: center;
padding: calc(var(--padding) * 2) 0; padding: calc(var(--padding) * 2);
} }
.chart { .chart {
@ -15,3 +15,8 @@
background: var(--contentColor); background: var(--contentColor);
padding: calc(var(--padding) * 2) var(--padding); padding: calc(var(--padding) * 2) var(--padding);
} }
.noMetrics {
display: flex;
flex-grow: 1;
}

View File

@ -232,7 +232,11 @@ const NonInjectedClusterPieCharts = observer(({ clusterOverviewStore }: Dependen
const { memoryCapacity, cpuCapacity, podCapacity } = getMetricLastPoints(clusterOverviewStore.metrics); const { memoryCapacity, cpuCapacity, podCapacity } = getMetricLastPoints(clusterOverviewStore.metrics);
if (!memoryCapacity || !cpuCapacity || !podCapacity) { if (!memoryCapacity || !cpuCapacity || !podCapacity) {
return <ClusterNoMetrics className={styles.empty}/>; return (
<div className={styles.noMetrics}>
<ClusterNoMetrics className={styles.empty}/>
</div>
);
} }
return renderCharts(); return renderCharts();