ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2025-12-31 02:46:16 +01:00
Code Issues Packages Releases Activity

dashboard layout fixes

Browse Source
This commit is contained in:
Christoph Kluge
2025-12-22 10:39:40 +01:00
parent 1cd4a57bd3
commit 89875db4a9
3 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/frontend/src/DashPublic.root.svelte
View File

@@ -338,7 +338,7 @@
</script>
<Card style="height: 98vh;">
<CardBody class="align-content-center p-1">
<CardBody class="align-content-center p-2">
<Row>
<Col>
<Refresher
@@ -506,7 +506,7 @@
useColors={false}
useLegend={false}
allowSizeChange
width={colWidthRoof - 10}
width={colWidthRoof}
height={300}
cluster={presetCluster}
subCluster={clusterInfo?.roofData ? clusterInfo.roofData : null}
@@ -574,8 +574,8 @@
{#key $statesTimed?.data?.nodeStatesTimed}
<Stacked
data={$statesTimed?.data?.nodeStatesTimed}
width={colWidthStacked * 0.95}
xlabel="Time"
width={colWidthStacked}
height={260}
ylabel="Nodes"
yunit = "#Count"
title = "Cluster Status"

2
web/frontend/src/generic/plots/Stacked.svelte
View File

@@ -23,7 +23,7 @@
width = 0,
height = 300,
data = null,
xlabel = "",
xlabel = null,
ylabel = "",
yunit = "",
title = "",

10
web/frontend/src/status/DashInternal.svelte
View File

@@ -355,7 +355,7 @@
</script>
<Card style="height: 88vh;">
<Card>
<CardBody class="align-content-center">
<Row>
<Col>
@@ -540,7 +540,7 @@
<Roofline
useColors={true}
allowSizeChange
width={colWidthRoof - 10}
width={colWidthRoof}
height={300}
subCluster={clusterInfo?.roofData ? clusterInfo.roofData : null}
roofData={transformJobsStatsToData($statusQuery?.data?.jobsMetricStats)}
@@ -568,7 +568,8 @@
{#key $statesTimed?.data?.nodeStates}
<Stacked
data={$statesTimed?.data?.nodeStates}
width={colWidthStacked1 * 0.95}
width={colWidthStacked1}
height={330}
xlabel="Time"
ylabel="Nodes"
yunit = "#Count"
@@ -584,7 +585,8 @@
{#key $statesTimed?.data?.healthStates}
<Stacked
data={$statesTimed?.data?.healthStates}
width={colWidthStacked2 * 0.95}
width={colWidthStacked2}
height={330}
xlabel="Time"
ylabel="Nodes"
yunit = "#Count"