mirror of
https://github.com/stashapp/stash.git
synced 2026-05-08 20:58:48 +02:00
Update HTML/CSS to accommodate mobile devices with notches
This commit is contained in:
parent
f81f60e76f
commit
c0b0ed6671
2 changed files with 3 additions and 1 deletions
|
|
@ -7,7 +7,7 @@
|
|||
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1"
|
||||
content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"
|
||||
/>
|
||||
<meta name="theme-color" content="%COLOR%" />
|
||||
<link rel="manifest" crossorigin="use-credentials" href="manifest.json" />
|
||||
|
|
|
|||
|
|
@ -61,6 +61,8 @@ body {
|
|||
}
|
||||
|
||||
.main {
|
||||
padding-left: env(safe-area-inset-left);
|
||||
padding-right: env(safe-area-inset-right);
|
||||
@include media-breakpoint-up(sm) {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue