danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Trying to avoid content clipping on certain screen sizes

Browse source
This commit is contained in:
lscambo13 2024-12-11 09:55:58 -08:00
parent 80d3c11acc
commit 916be398f7
1 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
Theme/ElegantFin-theme-nightly.css
View file

@ -204,6 +204,10 @@ h1 {
margin-top: -40vh; margin-top: -40vh;
} }
.itemBackdrop {
height: 50vh;
}
@media (orientation: portrait) and (max-width: 40em) { @media (orientation: portrait) and (max-width: 40em) {
.layout-mobile .itemBackdrop { .layout-mobile .itemBackdrop {
height: 40vh; height: 40vh;
@ -211,10 +215,18 @@ h1 {
} }
} }
.itemBackdrop { @media (max-height: 31.25em) {
height: 45vh; .itemBackdrop {
height: 62vh;
}
} }
/* @media (max-width: 62.5em) {
.layout-desktop .itemBackdrop {
height: 5vh;
}
} */
h2 { h2 {
font-size: 1.25em; font-size: 1.25em;
} }