eric/pmomusic
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Remove backdrop on mobile portrait for full-width drawers

Browse Source 
Remove the backdrop element in mobile portrait mode since the drawer now covers 100vw, making the overlay unnecessary. Applied to both RendererDrawer and ServerDrawer components.
This commit is contained in:
Eric Coissac
2026-03-25 12:34:18 +01:00
parent 5095dd6964
commit 04793da52c
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pmoapp/webapp/src/components/unified/RendererDrawer.vue
View File

@@ -449,8 +449,7 @@ async function handleTransferQueue(event: Event, targetRendererId: string) {
@media (max-width: 768px) and (orientation: portrait) { @media (max-width: 768px) and (orientation: portrait) {
.drawer-backdrop { .drawer-backdrop {
right: 0; /* Mobile portrait: backdrop prend tout l'écran */ display: none; /* Mobile portrait: le drawer couvre 100vw, pas besoin de backdrop */
background: rgba(0, 0, 0, 0.4); /* Plus sombre sur mobile */
} }
} }

3
pmoapp/webapp/src/components/unified/ServerDrawer.vue
View File

@@ -716,8 +716,7 @@ function handleSettingsClick() {
@media (max-width: 768px) and (orientation: portrait) { @media (max-width: 768px) and (orientation: portrait) {
.drawer-backdrop { .drawer-backdrop {
left: 0; /* Mobile portrait: backdrop commence à gauche car drawer prend 100vw */ display: none; /* Mobile portrait: le drawer couvre 100vw, pas besoin de backdrop */
background: rgba(0, 0, 0, 0.4); /* Plus sombre sur mobile */
} }
} }