Fix padding at the top of the page

This commit is contained in:
Kalle
2023-11-05 00:06:03 +02:00
parent 1f7d4f7336
commit bb110daa1a
3 changed files with 5 additions and 2 deletions

View File

@@ -1152,7 +1152,7 @@ dialog::backdrop {
.top-leaderboard {
min-height: 110px;
margin-block-start: var(--s-16);
margin-block-start: var(--leaderboard-top-spacing);
}
.youtube__container {

View File

@@ -328,7 +328,9 @@ Firefox scrollbar styling is above in .layout__side-nav
}
.layout__main {
padding-block-start: calc(env(safe-area-inset-top) + var(--s-16));
padding-block-start: calc(
env(safe-area-inset-top) + var(--leaderboard-top-spacing)
);
}
}

View File

@@ -88,6 +88,7 @@ html {
--sparse: 0.4px;
--label-margin: var(--s-1);
--inactive-image-filter: grayscale(100%) brightness(30%);
--leaderboard-top-spacing: var(--s-4);
}
html.dark {