From 1c2b1ad1321d018002e690d32686ef8d6d441e93 Mon Sep 17 00:00:00 2001 From: syuilo Date: Fri, 1 Jul 2022 17:08:45 +0900 Subject: [PATCH] chore(client): tweak style --- packages/client/src/components/instance-stats.vue | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/packages/client/src/components/instance-stats.vue b/packages/client/src/components/instance-stats.vue index 2f83b2f89..7c3a1f55b 100644 --- a/packages/client/src/components/instance-stats.vue +++ b/packages/client/src/components/instance-stats.vue @@ -119,6 +119,7 @@ function createDoughnut(chartEl, tooltip, data) { }], }, options: { + maintainAspectRatio: false, layout: { padding: { left: 16, @@ -172,10 +173,13 @@ onMounted(() => { gap: 16px; > .sub, > .pub { + flex: 1; + min-width: 0; position: relative; background: var(--panel); border-radius: var(--radius); padding: 24px; + max-height: 300px; > .title { position: absolute; @@ -183,6 +187,10 @@ onMounted(() => { left: 24px; } } + + @media (max-width: 600px) { + flex-direction: column; + } } }