diff --git a/frontend/src/components/Sparkline.vue b/frontend/src/components/Sparkline.vue index 07d84127..050064e2 100644 --- a/frontend/src/components/Sparkline.vue +++ b/frontend/src/components/Sparkline.vue @@ -184,7 +184,7 @@ const gradId = `spkGrad-${Math.random().toString(36).slice(2, 9)}`; :key="'x' + i" class="cpu-grid-x-text" :x="t.x" - :y="paddingTop + drawHeight + 22" + :y="paddingTop + drawHeight + 14" text-anchor="middle" font-size="10" >{{ t.label }} @@ -233,20 +233,37 @@ const gradId = `spkGrad-${Math.random().toString(36).slice(2, 9)}`; display: block; width: 100%; } + -.cpu-grid-y-text, -.cpu-grid-x-text { - fill: rgba(0, 0, 0, 0.45); -} -.cpu-grid-text { - fill: rgba(0, 0, 0, 0.8); + + diff --git a/frontend/src/pages/inbounds/InboundList.vue b/frontend/src/pages/inbounds/InboundList.vue index ae0d6497..366dd9a0 100644 --- a/frontend/src/pages/inbounds/InboundList.vue +++ b/frontend/src/pages/inbounds/InboundList.vue @@ -574,6 +574,17 @@ function showQrCodeMenu(dbInbound) { visibility: hidden; } +/* Push the expand chevron away from the table's left edge so it has + * a little breathing room instead of being flush against the corner. */ +:deep(.ant-table-tbody .ant-table-cell-with-append) { + padding-left: 12px; +} + +:deep(.ant-table-row-expand-icon) { + margin-inline-end: 10px; + margin-inline-start: 4px; +} + /* Round the table's outer corners — AD-Vue gives .ant-table the radius * token, but the inner header strip and footer touch the edges, so clip * them here. */ diff --git a/frontend/src/pages/index/CpuHistoryModal.vue b/frontend/src/pages/index/CpuHistoryModal.vue index fdc68367..2bf34be4 100644 --- a/frontend/src/pages/index/CpuHistoryModal.vue +++ b/frontend/src/pages/index/CpuHistoryModal.vue @@ -63,12 +63,12 @@ watch(bucket, () => { if (props.open) fetchBucket(); });