From 4eeedd338fffa7402bbeeb426d6423841e99f940 Mon Sep 17 00:00:00 2001
From: shikelong <578622705@qq.com>
Date: Thu, 4 Nov 2021 22:01:30 +0800
Subject: [PATCH] fix: fix modal invisible issue when has exist another opend
 modal. sample case: change avatar

---
 web/src/components/Modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/Modal.tsx b/web/src/components/Modal.tsx
index 3379a07d..ad4d7030 100644
--- a/web/src/components/Modal.tsx
+++ b/web/src/components/Modal.tsx
@@ -88,7 +88,7 @@ export const Modal: React.FC<ModalProps> = React.memo((props) => {
         <ModalContext.Provider value={{ closeModal }}>
           {/* Inner */}
           <div
-            className="modal-inner bg-content-light dark:bg-content-dark rounded overflow-auto relative"
+            className="modal-inner bg-content-light dark:bg-content-dark rounded overflow-auto relative z-10"
             style={{ maxHeight: '80vh', maxWidth: '80vw' }}
             onClick={stopPropagation}
           >