Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: media modal scrolling auf mobile (overflow scroll + touch)

Browse Source
This commit is contained in:
Dicken
2026-06-06 19:32:16 +02:00
parent 4a5e314aea
commit 87c02652b5
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/tools/media.jsx
View File

@@ -376,13 +376,19 @@ function MovieModal({ tmdbId, onClose, mobile }) {
display:'flex', alignItems: mobile ? 'flex-end' : 'center', justifyContent:'center', display:'flex', alignItems: mobile ? 'flex-end' : 'center', justifyContent:'center',
backdropFilter:'blur(4px)', backdropFilter:'blur(4px)',
}}> }}>
<div onClick={e => e.stopPropagation()} style={{ <div
background:'#1a1a1f', border:'1px solid rgba(255,255,255,0.1)', onClick={e => e.stopPropagation()}
borderRadius: mobile ? '16px 16px 0 0' : 16, onTouchMove={e => e.stopPropagation()}
width: mobile ? '100%' : 560, style={{
maxHeight: mobile ? '90vh' : '85vh', background:'#1a1a1f', border:'1px solid rgba(255,255,255,0.1)',
overflowY:'auto', position:'relative', borderRadius: mobile ? '16px 16px 0 0' : 16,
}}> width: mobile ? '100%' : 560,
maxHeight: mobile ? '90vh' : '85vh',
height: mobile ? '90vh' : 'auto',
overflowY:'scroll',
WebkitOverflowScrolling:'touch',
position:'relative',
}}>
{/* Backdrop */} {/* Backdrop */}
{detail?.backdrop_path && ( {detail?.backdrop_path && (
<div style={{ position:'relative', height:180, overflow:'hidden', <div style={{ position:'relative', height:180, overflow:'hidden',