src/sass/_modal.scss
.swal-modal.modal-1300 {
width: 1000px;
}
.swal-modal.modal-700 {
width: 700px;
}
.swal-modal.modal-700-long {
width: 700px;
height: 100%;
}
@media screen and (min-width: 1350px) {
.swal-modal.modal-1300 {
width: 1300px;
}
}
.swal-content {
position: relative;
.modal-close-icon {
color: $alert-red;
font-size: 2.2rem;
position: absolute;
right: 20px;
top: -84px;
}
}
// Custom TMAP Modal
.modal-background {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 0;
overflow-y: auto;
background-color: rgba(0, 0, 0, .4);
z-index: 900;
pointer-events: all;
display: flex;
justify-content: center;
align-items: center;
}
.modal-container {
position: relative;
z-index: 900;
.modal-close {
z-index: 1000;
position: absolute;
top: 14px;
right: 20px;
font-size: 20px;
font-weight: 300;
color: $bg-gray-dark-2;
height: auto;
width: auto;
pointer-events: all;
}
.modal-child {
width: 1200px;
max-width: calc(100vw - 100px);
max-height: calc(100vh - 100px);
font-size: 16px;
border-radius: 1rem;
pointer-events: auto;
overflow-y: auto;
margin-block: 0px;
z-index: 900;
}
.tm-spinner-standard-center {
left: 50% !important;
}
}
.month-year-input-error {
border: 0.1rem solid red;
}
.modal-open {
height: 100vh;
overflow-y: hidden;
}