Rumperuu/Omphaloskepsis-2
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

style: fix chart figures

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/css/components/_chart.scss
View file

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

5
assets/css/components/_figure.scss
View file

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