boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
Download Patch File Download Diff File Expand all files Collapse all files

14
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,9 +215,17 @@ h1 {
} }
} }
@media (max-height: 31.25em) {
.itemBackdrop { .itemBackdrop {
height: 45vh; height: 62vh;
} }
}
/* @media (max-width: 62.5em) {
.layout-desktop .itemBackdrop {
height: 5vh;
}
} */
h2 { h2 {
font-size: 1.25em; font-size: 1.25em;