From c3e8d605a6ad329dc19920e657389658b2486e8c Mon Sep 17 00:00:00 2001
From: Kislay <kislayudbhav.verma.cd.eee22@itbhu.ac.in>
Date: Mon, 1 Jul 2024 18:14:43 +0530
Subject: [PATCH] modal: Add drop shadow.

This commit adds a drop shadow to the modal container
which gives it a 3-D effect.
---
 frontend/src/library/modal/Modal.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/library/modal/Modal.tsx b/frontend/src/library/modal/Modal.tsx
index f8d196a..66b7af5 100644
--- a/frontend/src/library/modal/Modal.tsx
+++ b/frontend/src/library/modal/Modal.tsx
@@ -50,6 +50,9 @@ const Modal: React.FC<ModalContainerProps> = ({
                 ref={modalRef}
                 onClick={closeModal}
                 className={`fixed inset-0 bg-black bg-opacity-30 backdrop-blur-sm flex items-center justify-center p-4 overflow-y-auto z-30 transition-opacity duration-500 ${isVisible ? 'opacity-100' : 'opacity-0'}`}
+                style={{
+                    filter: 'drop-shadow(0 0 20px rgb(0, 0, 0))',
+                }}
             >
                 <div
                     className={`${modalClass} ${isVisible ? 'opacity-100 scale-100' : 'opacity-0 scale-90'}`}