fix: Herzen weiß/rot mit expliziter Farbe, Admin-Hinweis in Favoritenliste, Tooltip weiß

This commit is contained in:
2026-06-18 20:08:06 +02:00
parent c1471a3584
commit 109dcd9997
2 changed files with 23 additions and 7 deletions

View File

@@ -226,8 +226,9 @@ function MovieCard({ movie, favIds, hasXrel, onToggleFav, onOpenModal }) {
<button onClick={e => { e.stopPropagation(); onToggleFav(movie, isFav); }} style={{
position:'absolute', top:5, right:5, background:'rgba(0,0,0,0.65)',
border:'none', borderRadius:'50%', width:30, height:30, cursor:'pointer',
fontSize:14, display:'flex', alignItems:'center', justifyContent:'center',
}}>{isFav ? '' : '🤍'}</button>
fontSize:16, display:'flex', alignItems:'center', justifyContent:'center',
color: isFav ? '#f87171' : '#ffffff',
}}>{isFav ? '♥' : '♥'}</button>
</div>
<div style={{ padding:'8px 10px', flex:1, display:'flex', flexDirection:'column', gap:3 }}
onClick={() => onOpenModal({ id: movie.id, media_type: movie.media_type || 'movie' })}>
@@ -762,6 +763,18 @@ function FavoritenKalender({ onOpenModal }) {
</button>
</div>
)}
{isAdmin && allFavs.filter(f=>!f.acknowledged).length > 0 && (
<div style={{background:'rgba(245,158,11,0.1)',border:'1px solid rgba(245,158,11,0.4)',
borderRadius:8,padding:'8px 12px',color:'#f59e0b',fontFamily:'monospace',fontSize:11,
display:'flex',alignItems:'center',gap:8,marginBottom:4}}>
⚠ {allFavs.filter(f=>!f.acknowledged).length} unquittierte Favoriten
<button onClick={()=>setAdminTab(true)}
style={{background:'rgba(245,158,11,0.2)',border:'1px solid rgba(245,158,11,0.4)',
borderRadius:6,padding:'2px 10px',color:'#f59e0b',fontFamily:'monospace',fontSize:10,cursor:'pointer'}}>
→ Ansehen
</button>
</div>
)}
{filmeFavs.length > 0 && (
<CollapsibleSection label="🎬 FILME" count={filmeFavs.length}>
{Object.entries(filmGroups).sort(([a],[b]) => a.localeCompare(b)).map(([key, group]) => (
@@ -969,9 +982,9 @@ function MovieModal({ tmdbId, mediaType='movie', onClose, mobile, onHasXrel, noY
position:'absolute', top:12, right:54,
background:'rgba(0,0,0,0.75)', border:'none', borderRadius:'50%',
width:34, height:34, cursor:'pointer', zIndex:10,
color: isFav ? '#f87171' : 'rgba(255,255,255,0.6)',
color: isFav ? '#f87171' : '#ffffff',
fontSize:18, display:'flex', alignItems:'center', justifyContent:'center',
}}>{isFav ? '❤' : '🤍'}</button>
}}></button>
)}
{/* Scrollbarer Inhalt */}