重构代码:modal-body适配所有屏幕,增加最大高度限制
This commit is contained in:
parent
721e84c736
commit
200648a698
|
@ -73,6 +73,43 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-height: 375px) {
|
||||||
|
.modal-body {
|
||||||
|
height: 160px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 414px) {
|
||||||
|
.modal-body {
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 568px) {
|
||||||
|
.modal-body {
|
||||||
|
height: 350px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 667px) {
|
||||||
|
.modal-body {
|
||||||
|
height: 450px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 736px) {
|
||||||
|
.modal-body {
|
||||||
|
height: 510px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-height: 768px) {
|
||||||
|
.modal-body {
|
||||||
|
height: auto;
|
||||||
|
max-height: 540px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (min-height: 672px) {
|
@media (min-height: 672px) {
|
||||||
.sidebar {
|
.sidebar {
|
||||||
top: 94px;
|
top: 94px;
|
||||||
|
@ -98,9 +135,4 @@
|
||||||
.aside.open {
|
.aside.open {
|
||||||
transform: translate(0);
|
transform: translate(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-dialog .modal-body {
|
|
||||||
max-height: 600px;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -56,6 +56,11 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-body {
|
||||||
|
height: 160px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.modal-dialog .modal-body, .panel-body {
|
.modal-dialog .modal-body, .panel-body {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -90,7 +90,7 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 46px;
|
top: 46px;
|
||||||
bottom: 65px;
|
bottom: 65px;
|
||||||
overflow: auto;
|
max-height: none;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue