mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 13:05:48 +00:00
fix(sidedrawer): always respect safe areas
This commit is contained in:
parent
ac9ca71b53
commit
3f5097f0a0
1 changed files with 2 additions and 3 deletions
|
|
@ -13,6 +13,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: @padding;
|
||||
padding-top: calc(@padding + var(--safe-area-inset-top));
|
||||
height: 100dvh;
|
||||
max-width: 35rem;
|
||||
overflow-y: auto;
|
||||
|
|
@ -28,7 +29,7 @@
|
|||
.close-button {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 1.3rem;
|
||||
top: calc(1.3rem + var(--safe-area-inset-top));
|
||||
right: 1.3rem;
|
||||
padding: 0.5rem;
|
||||
background-color: transparent;
|
||||
|
|
@ -87,11 +88,9 @@
|
|||
@media @phone-portrait {
|
||||
.side-drawer {
|
||||
max-width: 100dvw;
|
||||
padding-top: calc(@padding + var(--safe-area-inset-top));
|
||||
|
||||
.close-button {
|
||||
display: block;
|
||||
top: calc(1.3rem + var(--safe-area-inset-top));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue