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

fix: modal X-Button fixed, xREL debug-endpoint

Browse Source
This commit is contained in:
Dicken
2026-06-10 17:39:04 +02:00
parent 24975513b6
commit e53e8e4331
2 changed files with 45 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -495,28 +495,36 @@ function MovieModal({ tmdbId, onClose, mobile }) {
borderRadius: mobile ? '16px 16px 0 0' : 16,
width: mobile ? '100%' : 560,
maxHeight: mobile ? '88vh' : '85vh',
overflowY:'auto',
WebkitOverflowScrolling:'touch',
display:'flex', flexDirection:'column',
position:'relative',
}}>
{/* Backdrop */}
{detail?.backdrop_path && (
<div style={{ height:160, overflow:'hidden',
borderRadius: mobile ? '16px 16px 0 0' : '16px 16px 0 0', flexShrink:0 }}>
{/* Backdrop + fixer Schließen-Button – NICHT im scrollenden Bereich */}
<div style={{ position:'relative', flexShrink:0,
borderRadius: mobile ? '16px 16px 0 0' : '16px 16px 0 0',
overflow:'hidden',
height: detail?.backdrop_path ? 160 : 0,
background:'#111',
}}>
{detail?.backdrop_path && (
<img src={BACKDROP + detail.backdrop_path} alt=""
style={{ width:'100%', height:'100%', objectFit:'cover', display:'block', opacity:0.45 }} />
<div style={{ position:'absolute', top:0, left:0, right:0, height:160,
)}
{detail?.backdrop_path && (
<div style={{ position:'absolute', inset:0,
background:'linear-gradient(to bottom, transparent 30%, #1a1a1f)' }} />
</div>
)}
)}
</div>
{/* Schließen */}
{/* Schließen – sticky außerhalb des Scroll-Containers */}
<button onClick={onClose} style={{
position:'absolute', top:12, right:12, background:'rgba(0,0,0,0.7)',
border:'none', borderRadius:'50%', width:34, height:34, cursor:'pointer',
color:'#fff', fontSize:18, display:'flex', alignItems:'center', justifyContent:'center', zIndex:1,
position:'absolute', top:12, right:12,
background:'rgba(0,0,0,0.75)', border:'none', borderRadius:'50%',
width:34, height:34, cursor:'pointer', zIndex:10,
color:'#fff', fontSize:18, display:'flex', alignItems:'center', justifyContent:'center',
}}>✕</button>
{/* Scrollbarer Inhalt */}
<div style={{ overflowY:'auto', WebkitOverflowScrolling:'touch', flex:1 }}>
<div style={{ padding:'16px 20px 28px' }}>
{loading && <StatusBox>⏳ Lädt…</StatusBox>}
{error && <ErrorBox msg={error} />}
@@ -630,6 +638,7 @@ function MovieModal({ tmdbId, onClose, mobile }) {
)}
</>)}
</div>
</div>{/* Ende scroll-wrapper */}
</div>
</div>
);