rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

Fix PWA top padding (#163) 

Co-authored-by: borntolurk <borntolurk@rdrama.net>
Reviewed-on: #163
Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net>
Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
pull/165/head
borntolurk 2023-07-01 22:14:59 +00:00 committed by Aevann
parent c69400482e
commit 072010ff8a
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
files/assets/css/main.css
View File

@ -230,6 +230,8 @@ article, aside, figcaption, figure, footer, header, main, nav, section {
display: block; display: block;
} }
body { body {
--safe-area-inset-top: env(safe-area-inset-top);
padding-top: var(--safe-area-inset-top);
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem; font-size: 1rem;
@ -4966,7 +4968,7 @@ pre .com, code .com {
} }
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
body { body {
padding-top: 74.55px; padding-top: calc(var(--safe-area-inset-top) + 74.55px);
} }
} }
.modal-backdrop.show .modal-backdrop.show
@ -5751,6 +5753,7 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
width: 100%; width: 100%;
background-color: var(--primary); background-color: var(--primary);
padding: 2px; padding: 2px;
padding-top: calc(2px + var(--safe-area-inset-top));
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
white-space: nowrap; white-space: nowrap;
@ -7213,7 +7216,7 @@ input[type=number] {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.has_header { .has_header {
padding-top: 67.8px !important padding-top: calc(var(--safe-area-inset-top) + 67.8px) !important
} }
} }