diff --git a/src/pages/inquiryModal.module.css b/src/pages/inquiryModal.module.css new file mode 100644 index 0000000000000000000000000000000000000000..9168f907e398766d260a3bf365ee0d0a70ad15d3 --- /dev/null +++ b/src/pages/inquiryModal.module.css @@ -0,0 +1,68 @@ +/* ScheduleModal.css (예시 파일명) */ + +.modal{ + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); /* 반투명한 배경 */ + justify-content: center; + align-items: center; + z-index: 1000; +} + +.modal.open{ + display: flex; +} + +.modal_content { + background-color: white; + padding: 20px; + border-radius: 5px; + position: relative; + width: 300px; + +} + +label { + display: block; + margin-bottom: 5px; +} + +input { + width: 100%; + margin-bottom: 10px; + padding: 8px; + box-sizing: border-box; +} +.save{ + background-color:#8393BE; + margin-left:190px; + border:none; + color: white; + width: 50px; + height: 24px; + cursor: pointer; + border: none; + border-radius: 5px; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 그림자 추가 */ + transition: background-color 0.3s, color 0.3s, transform 0.3s; + +} + +.cancel{ + background-color:#F97E7E; + margin-left:10px; + border:none; + color: white; + width: 50px; + height: 24px; + cursor: pointer; + border: none; + border-radius: 5px; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 그림자 추가 */ + transition: background-color 0.3s, color 0.3s, transform 0.3s; + +}