modal: Add drop shadow.

This commit adds a drop shadow to the modal container which gives it a 3-D effect.
shivansh-bhatnagar18 · Jul 1, 2024 · c3e8d60 · c3e8d60
1 parent a039828
commit c3e8d60
Showing 1 changed file with 3 additions and 0 deletions.
diff --git 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'}`}