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

refactor: closer button logic and width on mobile

Browse source
This commit is contained in:
Timothy Z. 2024-12-13 13:30:59 +02:00
parent 1464324941
commit 444152a09b
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -34,6 +34,7 @@
position: relative; position: relative;
.close-button { .close-button {
display: none;
position: absolute; position: absolute;
top: 1.3rem; top: 1.3rem;
left: 1.3rem; left: 1.3rem;
@ -94,13 +95,21 @@
@media (orientation: portrait) and (max-width: @xsmall) { @media (orientation: portrait) and (max-width: @xsmall) {
.side-drawer { .side-drawer {
max-width: 90dvw; max-width: 100dvw;
.close-button {
display: block;
}
} }
} }
@media (orientation: landscape) and (max-width: @xsmall) { @media (orientation: landscape) and (max-width: @xsmall) {
.side-drawer { .side-drawer {
max-width: 50dvw; max-width: 50dvw;
.info {
max-height: 30dvh;
}
} }
} }