Evenly space usage metrics

This commit is contained in:
seo
2026-06-26 01:43:51 +09:00
parent 6fda0f1233
commit 1b9c3f377f
+6 -11
View File
@@ -1027,24 +1027,21 @@ if (isset($_GET['mode']) && $_GET['mode'] === 'usage') {
white-space: nowrap; white-space: nowrap;
} }
.usage-metrics { .usage-metrics {
display: grid; display: flex;
grid-template-columns: repeat(6, minmax(100px, 1fr)); justify-content: space-between;
gap: 0.8rem; gap: 1rem;
min-width: 660px; min-width: 660px;
align-items: start; align-items: flex-start;
} }
.usage-metric { .usage-metric {
min-width: 0; flex: 0 0 auto;
text-align: center; text-align: center;
justify-self: center;
} }
.usage-metric:first-child { .usage-metric:first-child {
text-align: left; text-align: left;
justify-self: start;
} }
.usage-metric:last-child { .usage-metric:last-child {
text-align: right; text-align: right;
justify-self: end;
} }
.usage-metric .label-text { .usage-metric .label-text {
font-size: 0.7rem; font-size: 0.7rem;
@@ -1071,7 +1068,6 @@ if (isset($_GET['mode']) && $_GET['mode'] === 'usage') {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.usage-metrics { .usage-metrics {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.55rem; gap: 0.55rem;
min-width: 0; min-width: 0;
} }
@@ -1119,8 +1115,7 @@ if (isset($_GET['mode']) && $_GET['mode'] === 'usage') {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
} }
.usage-metrics { .usage-metrics {
grid-template-columns: repeat(6, minmax(92px, 1fr)); gap: 0.8rem;
gap: 0.45rem;
min-width: 600px; min-width: 600px;
} }
.usage-metric .label-text { font-size: 0.64rem; } .usage-metric .label-text { font-size: 0.64rem; }