다이얼로그 css 수정

main
이범준 1 year ago
parent e035d0ea91
commit 6a1739f48f

@ -338,7 +338,7 @@
</form> </form>
</div> </div>
<div class="card" style="width:400px;"> <div class="card" style="width:400px;min-width:400px;">
<form id="frmFile--${pageName}" method="post" enctype="multipart/form-data"> <form id="frmFile--${pageName}" method="post" enctype="multipart/form-data">
<input type="file" id="newFileList--${pageName}" name="newFileList" <input type="file" id="newFileList--${pageName}" name="newFileList"
multiple accept="image/*" hidden /> multiple accept="image/*" hidden />

@ -366,7 +366,7 @@
</form> </form>
</div> </div>
<div class="card" style="width:500px;"> <div class="card" style="width:500px;min-width:500px;">
<form id="frmFile--${pageName}" method="post" enctype="multipart/form-data"> <form id="frmFile--${pageName}" method="post" enctype="multipart/form-data">
<input type="file" id="newFileList--${pageName}" name="newFileList" <input type="file" id="newFileList--${pageName}" name="newFileList"
multiple accept="image/*" hidden /> multiple accept="image/*" hidden />

@ -4740,9 +4740,19 @@ ul.nav-tabs > li.nav-item{
.modal-dialog { .modal-dialog {
position: relative; position: relative;
width: auto; width: auto;
margin: var(--bs-modal-margin); max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
margin-top: 30px;
pointer-events: none; pointer-events: none;
} }
.modal-sm { min-width: 250px; --bs-modal-width: 310px; }
.modal-md { min-width: 400px; --bs-modal-width: 500px; }
.modal-lg { min-width: 800px; --bs-modal-width: 1000px; }
.modal-xl { min-width: 1000px; --bs-modal-width: 1140px; }
.modal-xxl { min-width: 1400px; --bs-modal-width: 1600px; }
.modal.fade .modal-dialog { .modal.fade .modal-dialog {
transition: transform 0.15s ease-out; transition: transform 0.15s ease-out;
transform: translateY(-100px) scale(0.8); transform: translateY(-100px) scale(0.8);
@ -4851,35 +4861,6 @@ ul.nav-tabs > li.nav-item{
margin: calc(var(--bs-modal-footer-gap) * 0.5); margin: calc(var(--bs-modal-footer-gap) * 0.5);
} }
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: 0 2px 20px 0 rgba(67, 89, 113, 0.45);
}
.modal-dialog {
max-width: var(--bs-modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-sm {
--bs-modal-width: 22.5rem;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
--bs-modal-width: 50rem;
}
}
@media (min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1140px;
}
}
.modal-xxl {
--bs-modal-width: 1600px;
}
.modal-fullscreen { .modal-fullscreen {
width: 100vw; width: 100vw;
@ -9756,22 +9737,11 @@ form select.selectpicker.is-invalid ~ .btn {
display: none; display: none;
} }
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.modal-content { .modal-content {
box-shadow: 0 2px 20px 0 rgba(67, 89, 113, 0.45); box-shadow: 0 2px 20px 0 rgba(67, 89, 113, 0.45);
} }
.modal-sm .modal-dialog {
max-width: 22.5rem;
}
}
@media (min-width: 1200px) {
.modal-xl .modal-dialog {
max-width: 1140px;
}
}
.modal-xxl .modal-dialog {
max-width: 1600px;
} }
.progress { .progress {

Loading…
Cancel
Save