style: fix chart figures
This commit is contained in:
parent
7dbc83d190
commit
d70d779f32
2 changed files with 7 additions and 5 deletions
|
@ -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 {
|
||||
|
|
|
@ -2,6 +2,11 @@
|
|||
inline-size: fit-content;
|
||||
margin: 16px auto;
|
||||
|
||||
&--chart {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__caption {
|
||||
block-size: auto;
|
||||
margin: auto;
|
||||
|
|
Loading…
Add table
Reference in a new issue