summaryrefslogtreecommitdiff
path: root/packages/client/src/components/instance-stats.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src/components/instance-stats.vue')
-rw-r--r--packages/client/src/components/instance-stats.vue8
1 files changed, 8 insertions, 0 deletions
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;
+ }
}
}
</style>