chore(client): tweak style
This commit is contained in:
parent
c67c3b0360
commit
80a033c1cf
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user