chore(client): tweak style
This commit is contained in:
parent
c67c3b0360
commit
80a033c1cf
1 changed files with 8 additions and 0 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue