chore(client): tweak style

This commit is contained in:
syuilo 2022-07-01 17:08:45 +09:00
parent c67c3b0360
commit 80a033c1cf

View file

@ -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>