BootstrapAdmin/Bootstrap.Admin/wwwroot/css/theme-responsive.css

83 lines
1.3 KiB
CSS
Raw Normal View History

@media (min-width: 375px) {
.toolbar .dropdown-menu a {
padding: 0 20px;
}
.toolbar .dropdown-menu a:first-child {
border-left: none;
}
.form-check-input + span, .form-check-input + label {
max-width: 146px;
}
}
@media (min-width: 568px) {
.sidebar-toggle-box span {
display: inline;
}
.toolbar {
display: none;
}
.bs-bars {
display: inline-block;
}
}
@media (min-width: 576px) {
.form-inline .control-label {
padding-top: 6px;
padding-bottom: 6px;
}
2018-09-30 23:45:25 +08:00
.form-inline select.form-control {
min-width: 194px;
}
.modal-lg {
max-width: calc(90%);
}
2018-08-10 11:51:52 +08:00
.input-group.date {
width: 186px;
}
.btn-fill {
width: auto;
}
}
@media (min-width: 768px) {
.sidebar-open aside {
transform: translate(0);
}
}
2018-08-04 19:01:43 +08:00
@media (min-width: 940px) {
.btn span:last-child {
display: inline;
}
.form-check-input + span, .form-check-input + label {
max-width: 192px;
}
2018-08-04 19:01:43 +08:00
}
@media (min-width: 992px) {
.modal-lg {
max-width: 940px;
}
2018-09-30 23:45:25 +08:00
.modal-xl {
max-width: calc(100% - 100px);
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1100px;
}
}