fix: remove backdrop-blur from overlay — single blur layer on modal only

This commit is contained in:
Usman Baig
2026-03-25 23:40:36 +01:00
parent d97eb77569
commit b18199aa48

View File

@@ -376,13 +376,13 @@ export default function UnifiedSettingsModal() {
<AnimatePresence> <AnimatePresence>
{isOpen && ( {isOpen && (
<> <>
{/* Backdrop — instant appear, animated close */} {/* Backdrop — solid scrim, no blur (modal handles its own glass) */}
<motion.div <motion.div
initial={{ opacity: 1 }} initial={{ opacity: 1 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
exit={{ opacity: 0 }} exit={{ opacity: 0 }}
transition={{ duration: 0.15 }} transition={{ duration: 0.15 }}
className="fixed inset-0 z-[60] bg-black/60 backdrop-blur-sm" className="fixed inset-0 z-[60] bg-black/50"
onClick={handleBackdropClick} onClick={handleBackdropClick}
/> />