diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-01 17:08:45 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-01 17:08:45 +0900 |
| commit | 80a033c1cfb772376e2afb6e82bd007cb6abc745 (patch) | |
| tree | 94a93affd69c94603591609e02ed0def99709506 | |
| parent | chore(client): tweak style (diff) | |
| download | sharkey-80a033c1cfb772376e2afb6e82bd007cb6abc745.tar.gz sharkey-80a033c1cfb772376e2afb6e82bd007cb6abc745.tar.bz2 sharkey-80a033c1cfb772376e2afb6e82bd007cb6abc745.zip | |
chore(client): tweak style
| -rw-r--r-- | packages/client/src/components/instance-stats.vue | 8 |
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> |