chore(client): tweak style

This commit is contained in:
syuilo 2022-07-01 17:08:45 +09:00
parent c67c3b0360
commit 80a033c1cf
1 changed files with 8 additions and 0 deletions

View File

@ -119,6 +119,7 @@ function createDoughnut(chartEl, tooltip, data) {
}], }],
}, },
options: { options: {
maintainAspectRatio: false,
layout: { layout: {
padding: { padding: {
left: 16, left: 16,
@ -195,10 +196,13 @@ onMounted(() => {
gap: 16px; gap: 16px;
> .sub, > .pub { > .sub, > .pub {
flex: 1;
min-width: 0;
position: relative; position: relative;
background: var(--panel); background: var(--panel);
border-radius: var(--radius); border-radius: var(--radius);
padding: 24px; padding: 24px;
max-height: 300px;
> .title { > .title {
position: absolute; position: absolute;
@ -206,6 +210,10 @@ onMounted(() => {
left: 24px; left: 24px;
} }
} }
@media (max-width: 600px) {
flex-direction: column;
}
} }
} }
</style> </style>