[EDIT] Modal 크기 수정

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

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={{

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 {