fix: 모달 컴포넌트 버그 수정

Author: jeonghwanJay

src/components/Modal/AlertModalLayout.tsx

@@ -42,12 +42,12 @@ export default function AlertModalLayout({
       `}
       onClick={(e) => e.stopPropagation()}
     >
-      {Icon && <Icon className="w-6 h-6 mb-6 mx-auto" />}{" "}
+      {Icon && <Icon className="w-6 h-6 mb-6 mx-auto shrink-0" />}{" "}
       <p className="text-gray-900 text-base md:text-lg mb-[1rem]">{message}</p>
       <div
         className={
           type === "message"
-            ? "absolute bottom-6 right-6 md:right-6 md:bottom-6 mx-auto md:mx-0"
+            ? "w-full absolute bottom-6 flex justify-center sm:justify-end sm:right-6 sm:bottom-6"
             : ""
         }
       >

src/components/Modal/Modal.tsx

@@ -1,3 +1,5 @@
+import { useEffect } from "react";
+
 import AlertModalLayout from "./AlertModalLayout";
 import ConfirmModalLayout from "./ConfirmModalLayout";
 
@@ -6,6 +8,28 @@ import { useModalStore } from "@/store/useModalStore";
 export default function Modal() {
   const { isOpen, options, closeModal } = useModalStore();
 
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === "Enter") {
+        e.preventDefault(); // 🔥 기본 엔터 동작 차단 (버튼 재실행 방지)
+        e.stopPropagation(); // 이벤트 버블링도 막기
+        if (options?.type === "confirm") {
+          options.onConfirm?.();
+        }
+        if (document.activeElement instanceof HTMLElement) {
+          document.activeElement.blur();
+        }
+
+        closeModal();
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, options, closeModal]);
+
   if (!isOpen || !options) return null;
 
   const handleClose = () => {