forked from rDrama/rDrama
Fix PWA top padding (#163)
Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: rDrama/rDrama#163 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>master
parent
c69400482e
commit
072010ff8a
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue