Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 17:15:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(sidedrawer): always respect safe areas

Browse source
This commit is contained in:
Timothy Z. 2026-02-23 16:07:41 +02:00
parent ac9ca71b53
commit 3f5097f0a0
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/routes/Player/SideDrawer/SideDrawer.less
View file

@ -13,6 +13,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: @padding; padding: @padding;
padding-top: calc(@padding + var(--safe-area-inset-top));
height: 100dvh; height: 100dvh;
max-width: 35rem; max-width: 35rem;
overflow-y: auto; overflow-y: auto;
@ -28,7 +29,7 @@
.close-button { .close-button {
display: none; display: none;
position: absolute; position: absolute;
top: 1.3rem; top: calc(1.3rem + var(--safe-area-inset-top));
right: 1.3rem; right: 1.3rem;
padding: 0.5rem; padding: 0.5rem;
background-color: transparent; background-color: transparent;
@ -87,11 +88,9 @@
@media @phone-portrait { @media @phone-portrait {
.side-drawer { .side-drawer {
max-width: 100dvw; max-width: 100dvw;
padding-top: calc(@padding + var(--safe-area-inset-top));
.close-button { .close-button {
display: block; display: block;
top: calc(1.3rem + var(--safe-area-inset-top));
} }
} }
} }