Fixed milky way sizing on non-1080p screens
Deploy to Unraid Share / copy-file (push) Successful in 9s

This commit is contained in:
Samira
2026-04-27 22:03:58 +02:00
parent acf71045ff
commit 18ad8d5e63
+16 -3
View File
@@ -15,16 +15,29 @@
/* ============================== */ /* ============================== */
/* Global /* Global
/* ============================== */ /* ============================== */
html {
font-size: unset !important;
}
body {
font-size: 93% !important;
}
/* Add Milky Way graphic to header */ /* Add Milky Way graphic to header */
@media (max-width: 100em) {
.skinHeader {
--background-width: 100rem;
}
}
.skinHeader { .skinHeader {
margin-top: -22.02vw; --background-width: 100%;
margin-top: calc(-1 * (0.2202 * var(--background-width)));
height: 100%; height: 100%;
padding-top: 22.02vw; padding-top: calc(-1 * (0.2202 * var(--background-width)));
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
background-image: url("https://static.zomerkoningin.nl/andromeda/images/milkyway_header.webp"); background-image: url("https://static.zomerkoningin.nl/andromeda/images/milkyway_header.webp");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: var(--background-width) auto;
background-position-x: center; background-position-x: center;
background-position-y: top; background-position-y: top;
pointer-events: none; pointer-events: none;