diff --git a/react-whenMeet/src/components/PasswordModal.jsx b/react-whenMeet/src/components/PasswordModal.jsx index 7f35f2a51efbb51c87e0377bf8dc8ff42632b84b..4c01424906b1f959428dacad0fa11a77c489ca51 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 d656a6fa3d9fc708d67036f65237b07aaa73e97c..dc9543cd40af1c7ea6607a9e981e4cc799cc365f 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 784be12e0aa1dbce00fe45a1d06041581bc61c8f..98bbee78a67cb4be558b23fcf71f3ce5f54600e8 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 {