From 444152a09b572525003eb4bcb048c0f910e1f15e Mon Sep 17 00:00:00 2001 From: "Timothy Z." Date: Fri, 13 Dec 2024 13:30:59 +0200 Subject: [PATCH] refactor: closer button logic and width on mobile --- src/routes/Player/SideDrawer/SideDrawer.less | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less index 5a3318c92..7af991dce 100644 --- a/src/routes/Player/SideDrawer/SideDrawer.less +++ b/src/routes/Player/SideDrawer/SideDrawer.less @@ -34,6 +34,7 @@ position: relative; .close-button { + display: none; position: absolute; top: 1.3rem; left: 1.3rem; @@ -94,13 +95,21 @@ @media (orientation: portrait) and (max-width: @xsmall) { .side-drawer { - max-width: 90dvw; + max-width: 100dvw; + + .close-button { + display: block; + } } } @media (orientation: landscape) and (max-width: @xsmall) { .side-drawer { max-width: 50dvw; + + .info { + max-height: 30dvh; + } } }