微调panel-body与modal-body中控件间距,支持所有移动设备
This commit is contained in:
parent
2fbe67f6ba
commit
02cfbfd8bd
|
@ -5,24 +5,36 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 980px) {
|
@media (max-width: 1200px) {
|
||||||
|
.modal-dialog .modal-body {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 990px) {
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 979px) {
|
@media (max-width: 990px) {
|
||||||
.panel-body {
|
.panel-body {
|
||||||
padding-top: 0px;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-body .form-inline .form-group {
|
.panel-body .form-inline .form-group {
|
||||||
margin-top: 15px;
|
margin-bottom: 15px;
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
.modal-dialog {
|
||||||
|
width: 540px;
|
||||||
|
}
|
||||||
|
|
||||||
.sidebar-close #sidebar {
|
.sidebar-close #sidebar {
|
||||||
height: auto;
|
height: auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -49,6 +61,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 480px) {
|
@media (max-width: 480px) {
|
||||||
|
.modal-dialog {
|
||||||
|
width: 370px;
|
||||||
|
}
|
||||||
|
|
||||||
.top-nav ul.top-menu > li {
|
.top-nav ul.top-menu > li {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
@ -59,4 +75,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width:320px) {
|
@media (max-width:320px) {
|
||||||
|
.modal-dialog {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -392,8 +392,8 @@ a.logo {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-body {
|
.modal-dialog .modal-body .form-inline .form-group {
|
||||||
padding-bottom: 0;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-header {
|
.modal-header {
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue