diff --git a/src/pages/deleteModal.module.css b/src/pages/deleteModal.module.css new file mode 100644 index 0000000000000000000000000000000000000000..b27da53f3bec7a657ad3b76595802296a896b1dd --- /dev/null +++ b/src/pages/deleteModal.module.css @@ -0,0 +1,56 @@ +/* deleteModal.css */ + +.Demodal { + display: flex; + 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: 10000; + +} +.Demodal .open { + display: flex; +} + + + +.Demodal_content{ + background-color: white; + padding: 20px; + border-radius: 5px; + position: relative; + width: 300px; + padding: 20px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + display: flex; + flex-direction: column; + align-items: center; +} +.Demodal_content button{ + background-color: #8393BE; + color: white; + height: 40px; + width: 300px; + padding: 10px 20px; + margin: 5px; + font-size: 16px; + 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; +} +.method_text{ + margin-bottom: 5%; + font-size: 18px; + + text-align: center; + +} +