From ab4ebf9a9dc3c4ee40947141afdbc96a981d1ed5 Mon Sep 17 00:00:00 2001
From: Hanzalah Waheed <hanzalah.w@gmail.com>
Date: Tue, 28 Oct 2025 14:14:37 +0400
Subject: [PATCH] feat: add bg blur for modals (#2110)

* feat: add bg blur for modals

* feat: adjust darkness for lightmode
---
 frontend/src/modals/WrapperModal.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/modals/WrapperModal.tsx b/frontend/src/modals/WrapperModal.tsx
index c267c476..1e00c2d7 100644
--- a/frontend/src/modals/WrapperModal.tsx
+++ b/frontend/src/modals/WrapperModal.tsx
@@ -43,6 +43,7 @@ export default function WrapperModal({
 
   const modalContent = (
     <div className="fixed top-0 left-0 z-30 flex h-screen w-screen items-center justify-center">
+      <div className="absolute inset-0 bg-black/25 backdrop-blur-xs dark:bg-black/50" />
       <div
         ref={modalRef}
         className={`relative rounded-2xl bg-white p-8 shadow-[0px_4px_40px_-3px_#0000001A] dark:bg-[#26272E] ${className}`}