Editing: modal.css
Kembali
.modal-content { background-color: white; margin: 12rem auto; padding: 20px; border: 1px solid #888; width: 60rem; height: 60rem !important; border-radius: 16px; } .custome-modal form .box { font-size: 1.6rem; background-color: var(--light-bg); border-radius: 0.5rem; padding: 1.4rem; width: 45%; /* margin-top: 1.5rem; */ margin: 0.5rem; /* background-color: black; */ box-shadow: var(--input-box-shadow); } .custome-modal form .inputBox{ display: flex; flex-direction: row; align-content: center; flex-wrap: wrap; } .quote-form .textarea { align-items: center; width: 45%; padding: 10px 24px; border-radius: 6px; border: 1px solid #e0e0e0; background: white; font-weight: 500; font-size: 16px; color: #6b7280; margin: 0.5rem; } .quote-form input:focus { border-color: #6a64f1; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05); } #msg { align-items: center; width: 62%; height: 10rem; padding: 5px 24px; border-radius: 6px; border: 1px solid #e0e0e0; background: white; font-weight: 600; font-size: 16px; color: #6b7280; margin: 0.5rem 0rem; } #msg:focus { border-color: #6a64f1; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05); } .quote-form .btn { background-color: var(--main-color); color: white; margin-top: 1rem; border-radius: 0.5rem; padding: 1rem 3rem; font-size: 1.7rem; text-transform: capitalize; color: var(--white); cursor: pointer; text-align: center; } .iti--allow-dropdown{ width: 45%; margin: 0.5rem; } .custome-modal form input[type=tel] { width: 100%; }
SIMPAN PERUBAHAN