diff --git a/packages/client/src/components/instance-stats.vue b/packages/client/src/components/instance-stats.vue index c210371c6a..a03993752f 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, @@ -195,10 +196,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; @@ -206,6 +210,10 @@ onMounted(() => { left: 24px; } } + + @media (max-width: 600px) { + flex-direction: column; + } } }