From f229707293fc486a2e6afd9811ad5be2e8c36a21 Mon Sep 17 00:00:00 2001
From: jyn <spdlqjdkslel1226@naver.com>
Date: Mon, 23 Jun 2025 11:46:19 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=EB=AA=A8=EB=8B=AC=20zindex?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard_Id/Card/cardFormModals/CreateCardModal.tsx     | 1 +
 src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx   | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx b/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
index 9588720..ffaa529 100644
--- a/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
+++ b/src/app/features/dashboard_Id/Card/cardFormModals/CreateCardModal.tsx
@@ -15,6 +15,7 @@ export default function CreateCardModal({ children }: ModalProps) {
   return createPortal(
     <div
       className="z-60 fixed inset-0 flex items-center justify-center bg-black/40"
+      style={{ zIndex: 60 }}
       onClick={(e) => e.stopPropagation()}
     >
       <div className="BG-white h-970 w-584 overflow-y-scroll rounded-16 p-32 shadow-lg [mask-image:radial-gradient(white_100%,transparent_100%)] mobile:h-766 mobile:w-327 mobile:px-16 mobile:py-24">
diff --git a/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx b/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx
index d1483b5..ac9bcc7 100644
--- a/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx
+++ b/src/app/features/dashboard_Id/Card/cardModal/CardModal.tsx
@@ -13,7 +13,10 @@ export default function CardModal({ children }: ModalProps) {
   if (!modalRoot) return null
 
   return createPortal(
-    <div className="z-60 fixed inset-0 flex items-center justify-center bg-black/40">
+    <div
+      className="z-60 fixed inset-0 flex items-center justify-center bg-black/40"
+      style={{ zIndex: 60 }}
+    >
       <div>{children}</div>
     </div>,
     modalRoot,