116 lines
1.9 KiB
CSS
116 lines
1.9 KiB
CSS
@media (min-width: 375px) {
|
|
.toolbar .dropdown-menu a {
|
|
padding: 0 14px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.bootstrap-table .bs-bars .gear {
|
|
display: none;
|
|
}
|
|
|
|
.bootstrap-table .bs-bars .toolbar {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.bootstrap-table .bs-bars .toolbar .btn i + span {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.form-inline .control-label {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.form-inline select.form-control, .form-inline .select.form-control {
|
|
min-width: 194px;
|
|
}
|
|
|
|
.modal-lg {
|
|
max-width: calc(90%);
|
|
}
|
|
|
|
.input-group.date {
|
|
width: 194px;
|
|
}
|
|
|
|
.btn-fill {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 667px) {
|
|
.header .nav {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.sidebar-toggle-box {
|
|
flex: 0 1 auto;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
html {
|
|
-ms-overflow-style: none;
|
|
}
|
|
|
|
.sidebar-open aside {
|
|
transform: translate(0);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
.sidebar-open aside {
|
|
transform: translate(-100%);
|
|
}
|
|
|
|
.sidebar-open footer {
|
|
display: flex;
|
|
}
|
|
|
|
aside {
|
|
transition: none;
|
|
transform: translate(0);
|
|
width: 210px;
|
|
overflow: hidden;
|
|
bottom: 40px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 940px) {
|
|
.form-check-input + span, .form-check-input + label {
|
|
max-width: 192px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.modal-lg {
|
|
max-width: 940px;
|
|
}
|
|
|
|
.modal-xl {
|
|
max-width: calc(100% - 100px);
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.modal-xl {
|
|
max-width: 1100px;
|
|
}
|
|
}
|