Skip to content

Commit 87d434a

Browse files
committed
fix: 모달 내부 클릭 시 모달 닫히는 현상 수정
1 parent a76966b commit 87d434a

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

src/components/modal/ActionConfirmModal.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,10 +19,13 @@ const ActionConfirmModal = ({
1919
}: AlertProps) => {
2020
return (
2121
<div
22-
className="absolute inset-0 z-50 flex items-center justify-center bg-black/50"
22+
className="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
2323
onClick={onCancel}
2424
>
25-
<div className="flex h-[200px] w-[294px] flex-col items-center justify-center rounded-2xl bg-white">
25+
<div
26+
className="flex h-[200px] w-[294px] flex-col items-center justify-center rounded-2xl bg-white"
27+
onClick={(e) => e.stopPropagation()}
28+
>
2629
<h3 className="text-2xl font-bold">{title}</h3>
2730
<p className="mt-[9px] text-center text-xl font-medium">
2831
{message.map((line, index) => (

0 commit comments

Comments
 (0)