From 2b967250f903f85ea66efee4a84abb2e254d915b Mon Sep 17 00:00:00 2001 From: Arthur Lu Date: Tue, 5 Sep 2023 21:47:39 +0000 Subject: [PATCH] improve responsiveness of account resources --- account.html | 38 ++++++++++++++++++++++++++++++++++++-- scripts/account.js | 3 --- 2 files changed, 36 insertions(+), 5 deletions(-) diff --git a/account.html b/account.html index d08e9ba..c21a647 100644 --- a/account.html +++ b/account.html @@ -9,7 +9,41 @@ - + +
@@ -35,7 +69,7 @@

Cluster Resources

-
+
diff --git a/scripts/account.js b/scripts/account.js index 4d7244c..efc0c52 100644 --- a/scripts/account.js +++ b/scripts/account.js @@ -53,9 +53,6 @@ function buildResourceTable (containerID, resources) { function createResourceUsageChart (resourceName, resourceAvail, resourceUsed, resourceMax, resourceUnitData) { const container = document.createElement("div"); - // layout fits 6 resources per row on large screens - // max width = (100% [parent] - 50px [5 flexbox col gap]) / 6 - container.style = "position: relative; min-width: 200px; width: 100%; max-width: calc((100% - 50px) / 6); aspect-ratio: 1;"; const canvas = document.createElement("canvas"); container.append(canvas); const maxStr = parseNumber(resourceMax, resourceUnitData);