ui: fix modal z-index conflict in Experiments tab

This commit is contained in:
Christian Vidal Wolf
2026-02-21 11:19:43 +01:00
parent 8d05173b40
commit b1346183c9
2 changed files with 9 additions and 11 deletions
+3 -3
View File
@@ -66,7 +66,7 @@ const ExperimentDetail: React.FC<ExperimentDetailProps> = ({ experimentId, onClo
if (!experimentId) return null;
return (
<div className="fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center p-4">
<div className="fixed inset-0 bg-black/60 backdrop-blur-sm z-[100] flex items-center justify-center p-4">
<div className="bg-slate-900 border border-slate-700 rounded-2xl w-full max-w-5xl max-h-[90vh] overflow-hidden flex flex-col">
{/* Header */}
<div className="flex items-center justify-between p-6 border-b border-slate-700">
@@ -149,14 +149,14 @@ const ExperimentDetail: React.FC<ExperimentDetailProps> = ({ experimentId, onClo
/>
<PerformanceCard
label="Lift"
value={experiment.actual_lift_percent !== undefined
value={experiment.actual_lift_percent !== undefined
? `${experiment.actual_lift_percent >= 0 ? '+' : ''}${experiment.actual_lift_percent}%`
: '—'}
color={experiment.actual_lift_percent && experiment.actual_lift_percent >= 0 ? 'emerald' : 'red'}
/>
<PerformanceCard
label="Statistical Significance"
value={experiment.statistical_significance
value={experiment.statistical_significance
? `${(experiment.statistical_significance * 100).toFixed(1)}%`
: '—'}
color="purple"