diff --git a/src/components/Dropdown/DropdownPopover.tsx b/src/components/Dropdown/DropdownPopover.tsx index 1cce004..bbb2767 100644 --- a/src/components/Dropdown/DropdownPopover.tsx +++ b/src/components/Dropdown/DropdownPopover.tsx @@ -65,8 +65,8 @@ const DropdownPopover = ({ const isFilter = variant === "filter"; const sizeClass = isFilter - ? "md:w-[24.375rem] md:h-[52.75rem]" - : "md:w-[23rem] md:h-[26.25rem]"; + ? "sm:w-[24.375rem] sm:h-[52.75rem]" + : "sm:w-[23rem] sm:h-[26.25rem]"; const colorClass = isFilter ? "bg-white border-gray-200" @@ -76,7 +76,7 @@ const DropdownPopover = ({ "z-[9999]", "rounded-2xl p-6 pr-5 pb-6 pl-5", "shadow-[0px_2px_8px_0px_#78748640]", - "border fixed md:absolute w-full h-full left-0 top-0", + "border fixed sm:absolute w-full h-full left-0 top-0", colorClass, sizeClass, ); diff --git a/src/components/Modal/AlertModalLayout.tsx b/src/components/Modal/AlertModalLayout.tsx index 754006c..2461138 100644 --- a/src/components/Modal/AlertModalLayout.tsx +++ b/src/components/Modal/AlertModalLayout.tsx @@ -35,15 +35,15 @@ export default function AlertModalLayout({ bg-white rounded-lg text-center relative ${ type === "message" - ? "w-[20.625rem] h-[13.75rem] md:w-[33.75rem] md:h-[15.625rem]" - : "w-[18.625rem] h-[11.5rem] md:w-[18.625rem] md:h-[11.5rem]" + ? "w-[20.625rem] h-[13.75rem] sm:w-[33.75rem] sm:h-[15.625rem]" + : "w-[18.625rem] h-[11.5rem] sm:w-[19.625rem] sm:h-[11.5rem]" } p-6 flex flex-col justify-center items-center `} onClick={(e) => e.stopPropagation()} > - {Icon && }{" "} -

{message}

+ {Icon && }{" "} +

{message}

+
{Icon && } -

+ +

{message}

diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx index f864a5a..a155a70 100644 --- a/src/components/Modal/Modal.tsx +++ b/src/components/Modal/Modal.tsx @@ -4,7 +4,6 @@ import AlertModalLayout from "./AlertModalLayout"; import ConfirmModalLayout from "./ConfirmModalLayout"; import { useModalStore } from "@/store/useModalStore"; - export default function Modal() { const { isOpen, options, closeModal } = useModalStore(); @@ -13,8 +12,13 @@ export default function Modal() { const handleKeyDown = (e: KeyboardEvent) => { if (e.key === "Enter") { - e.preventDefault(); // 🔥 기본 엔터 동작 차단 (버튼 재실행 방지) - e.stopPropagation(); // 이벤트 버블링도 막기 + e.preventDefault(); + e.stopPropagation(); + + options?.onClose?.(); + e.preventDefault(); + e.stopPropagation(); + if (options?.type === "confirm") { options.onConfirm?.(); } diff --git a/src/components/SearchInput.tsx b/src/components/SearchInput.tsx index 692feb1..9580f2a 100644 --- a/src/components/SearchInput.tsx +++ b/src/components/SearchInput.tsx @@ -26,7 +26,7 @@ export default function SearchInput() { return (
-
+ @@ -72,7 +72,7 @@ export default function Footer() {
-
+
©codeit - 2025
diff --git a/src/pages/NoticeListPage/NoticeListPage.tsx b/src/pages/NoticeListPage/NoticeListPage.tsx index bcb228d..d43b08b 100644 --- a/src/pages/NoticeListPage/NoticeListPage.tsx +++ b/src/pages/NoticeListPage/NoticeListPage.tsx @@ -56,7 +56,7 @@ export default function NoticeListPage() { }; return ( -
+
{user?.type && customNotices.length > 0 && ( )} diff --git a/src/pages/NoticeListPage/TotalNoticeSection.tsx b/src/pages/NoticeListPage/TotalNoticeSection.tsx index 8f5b6c8..a378594 100644 --- a/src/pages/NoticeListPage/TotalNoticeSection.tsx +++ b/src/pages/NoticeListPage/TotalNoticeSection.tsx @@ -26,9 +26,9 @@ export default function TotalNoticeSection({ }; return ( -
+
-

+

전체 공고