From 0a2f30079a81a9fb61279b4fab07c10e9b4ac13f Mon Sep 17 00:00:00 2001 From: jhkang0516 <jhkang0516@ajou.ac.kr> Date: Sun, 10 Dec 2023 16:51:09 +0900 Subject: [PATCH] =?UTF-8?q?[EDIT]=20Modal=20=ED=81=AC=EA=B8=B0=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- react-whenMeet/src/components/PasswordModal.jsx | 4 ++-- react-whenMeet/src/components/ResultEndForm.jsx | 3 +-- react-whenMeet/src/styles/ModalStyle.css | 12 ++++++------ 3 files changed, 9 insertions(+), 10 deletions(-) diff --git a/react-whenMeet/src/components/PasswordModal.jsx b/react-whenMeet/src/components/PasswordModal.jsx index 7f35f2a..4c01424 100644 --- a/react-whenMeet/src/components/PasswordModal.jsx +++ b/react-whenMeet/src/components/PasswordModal.jsx @@ -17,8 +17,8 @@ function PasswordModal({ isOpen, onRequestClose, onSubmit }) { isOpen={isOpen} onRequestClose={onRequestClose} contentLabel="비밀번호 입력" - overlayClassName={"modal-overlay"} // 오버레이 클래스 추가 - className={"modal-content"} // 컨텐츠(모달 창) 클래스 + overlayClassName={"modal-overlay"} + className={"modal-content"} > <h2 style={{ justifyContent: "center" }}>관리자 비밀번호를 입력하세요</h2> <input diff --git a/react-whenMeet/src/components/ResultEndForm.jsx b/react-whenMeet/src/components/ResultEndForm.jsx index d656a6f..dc9543c 100644 --- a/react-whenMeet/src/components/ResultEndForm.jsx +++ b/react-whenMeet/src/components/ResultEndForm.jsx @@ -51,7 +51,7 @@ export default function ResultEndForm() { FOOD: "식사를 하는 ", ETC: "기타의 모임을 잡은 ", }; - // console.log(possibleDates); + const fetchMeetingData = async () => { try { const response = await fetch(`/meetings/${meeting_id}/details`); @@ -193,7 +193,6 @@ export default function ResultEndForm() { if (!meetingData) { return <div>로딩 중...</div>; } - // console.log(meetingData.confirmedTime); return ( <div style={{ diff --git a/react-whenMeet/src/styles/ModalStyle.css b/react-whenMeet/src/styles/ModalStyle.css index 784be12..98bbee7 100644 --- a/react-whenMeet/src/styles/ModalStyle.css +++ b/react-whenMeet/src/styles/ModalStyle.css @@ -12,7 +12,7 @@ .modal-content { position: relative; - width: 40%; + width: 30%; padding: 20px; background: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); @@ -20,11 +20,11 @@ } .button-modal { - padding: 10px 15px; /* 버튼의 패딩 조정 */ - border: none; /* 테두리 제거 */ - color: white; /* 글자색 */ - border-radius: 5px; /* 둥근 모서리 */ - cursor: pointer; /* 마우스 오버 시 커서 변경 */ + padding: 10px 15px; + border: none; + color: white; + border-radius: 5px; + cursor: pointer; } @media (max-width: 500px) { .modal-content { -- GitLab