style: fix chart figures

This commit is contained in:
Ben Goldsworthy 2025-02-20 01:22:27 +01:00
parent 7dbc83d190
commit d70d779f32
Signed by: Rumperuu
SSH key fingerprint: SHA256:v3uompaUiPqV2w1/AIRWBSQOxr2dntH9Xs/y8fDnUPU
2 changed files with 7 additions and 5 deletions

View file

@ -1,20 +1,17 @@
.chart-container {
position: relative;
margin-inline: auto;
block-size: 100vh;
inline-size: 95vw;
inline-size: 100%;
min-block-size: 50vh;
display: flex;
justify-content: center;
@media (orientation: landscape) {
block-size: 75vh;
inline-size: 95vw;
}
@include mq("large") {
block-size: auto;
max-block-size: 80vh;
inline-size: 50vw;
}
& + .chart-container {

View file

@ -2,6 +2,11 @@
inline-size: fit-content;
margin: 16px auto;
&--chart {
margin: 0;
width: 100%;
}
&__caption {
block-size: auto;
margin: auto;