重构代码: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) {
|
||||
.sidebar {
|
||||
top: 94px;
|
||||
|
@ -98,9 +135,4 @@
|
|||
.aside.open {
|
||||
transform: translate(0);
|
||||
}
|
||||
|
||||
.modal-dialog .modal-body {
|
||||
max-height: 600px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -56,6 +56,11 @@
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
height: 160px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.modal-dialog .modal-body, .panel-body {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
|
@ -90,7 +90,7 @@
|
|||
right: 0;
|
||||
top: 46px;
|
||||
bottom: 65px;
|
||||
overflow: auto;
|
||||
max-height: none;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue