fix: bouton Clusters z-[1002] — visible au-dessus de l'AnimationPlayer
ci/woodpecker/push/woodpecker Pipeline was successful

AnimationPlayer z-[1001] couvrait le bouton z-[600] sur mobile
(player ~130px, bouton à bottom-20/80px).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
syoul
2026-03-24 12:18:51 +01:00
parent 666dc99989
commit ac974fb8a0
+1 -1
View File
@@ -350,7 +350,7 @@ export function FlowMap({ arcs, focusCity, onCityClick }: FlowMapProps) {
{/* Bouton cluster / villes */} {/* Bouton cluster / villes */}
<button <button
onClick={() => setClustered(c => !c)} onClick={() => setClustered(c => !c)}
className={`absolute bottom-20 left-4 z-[600] px-3 py-1.5 rounded-lg text-xs font-medium border transition-all duration-200 ${ className={`absolute bottom-20 left-4 z-[1002] px-3 py-1.5 rounded-lg text-xs font-medium border transition-all duration-200 ${
clustered clustered
? 'bg-[#d4a843] text-[#0a0b0f] border-[#d4a843] shadow-[0_0_10px_rgba(212,168,67,0.35)]' ? 'bg-[#d4a843] text-[#0a0b0f] border-[#d4a843] shadow-[0_0_10px_rgba(212,168,67,0.35)]'
: 'bg-[#0a0b0f]/90 text-[#6b7280] border-[#2e2f3a] hover:text-[#d4a843] hover:border-[#d4a843]' : 'bg-[#0a0b0f]/90 text-[#6b7280] border-[#2e2f3a] hover:text-[#d4a843] hover:border-[#d4a843]'