fix: media modal scrolling auf mobile (overflow scroll + touch)
This commit is contained in:
@@ -376,12 +376,18 @@ 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
|
||||||
|
onClick={e => e.stopPropagation()}
|
||||||
|
onTouchMove={e => e.stopPropagation()}
|
||||||
|
style={{
|
||||||
background:'#1a1a1f', border:'1px solid rgba(255,255,255,0.1)',
|
background:'#1a1a1f', border:'1px solid rgba(255,255,255,0.1)',
|
||||||
borderRadius: mobile ? '16px 16px 0 0' : 16,
|
borderRadius: mobile ? '16px 16px 0 0' : 16,
|
||||||
width: mobile ? '100%' : 560,
|
width: mobile ? '100%' : 560,
|
||||||
maxHeight: mobile ? '90vh' : '85vh',
|
maxHeight: mobile ? '90vh' : '85vh',
|
||||||
overflowY:'auto', position:'relative',
|
height: mobile ? '90vh' : 'auto',
|
||||||
|
overflowY:'scroll',
|
||||||
|
WebkitOverflowScrolling:'touch',
|
||||||
|
position:'relative',
|
||||||
}}>
|
}}>
|
||||||
{/* Backdrop */}
|
{/* Backdrop */}
|
||||||
{detail?.backdrop_path && (
|
{detail?.backdrop_path && (
|
||||||
|
|||||||
Reference in New Issue
Block a user