style: 优化脚本合并样式

This commit is contained in:
Argo Zhang 2019-08-21 18:35:03 +08:00
parent f27e8eaf3b
commit 603a52839b
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
1 changed files with 27 additions and 15 deletions

View File

@ -19,7 +19,7 @@
padding: 16px 12px; padding: 16px 12px;
} }
.header nav, userinfo, .userinfo .dropdown-toggle:after { .header nav, .userinfo .dropdown-toggle:after {
display: none; display: none;
} }
@ -30,6 +30,7 @@
.header .sidebar-toggle-box span, aside .nav-brand a { .header .sidebar-toggle-box span, aside .nav-brand a {
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
} }
.sidebar-open .sidebar-toggle-box .fa-bars { .sidebar-open .sidebar-toggle-box .fa-bars {
transform: none; transform: none;
} }
@ -133,6 +134,7 @@ aside {
align-items: center; align-items: center;
padding: 0 0.625rem; padding: 0 0.625rem;
} }
aside .nav-brand a { aside .nav-brand a {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -153,6 +155,12 @@ aside {
border-radius: 0.42rem; border-radius: 0.42rem;
margin-right: 0.25rem; margin-right: 0.25rem;
} }
aside .nav-link span {
display: inline-block;
white-space: nowrap;
}
.sidebar-open aside .nav-brand img, .sidebar-open aside:hover .nav-brand img { .sidebar-open aside .nav-brand img, .sidebar-open aside:hover .nav-brand img {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
@ -192,9 +200,6 @@ aside {
} }
.card-header { .card-header {
font-size: 1rem;
background: none;
border-bottom: 1px solid #f4f4f4;
padding: 0.625rem 1rem; padding: 0.625rem 1rem;
} }
@ -203,12 +208,10 @@ aside {
background-color: #ecf0f5; background-color: #ecf0f5;
} }
.bg{
background:none;
}
.header, .userinfo .dropdown-menu, .userinfo .dropdown-item { .header, .userinfo .dropdown-menu, .userinfo .dropdown-item {
background: #3c8dbc; background: #3c8dbc;
} }
.header .nav .dropdown:hover, .userinfo:hover { .header .nav .dropdown:hover, .userinfo:hover {
background-color: rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.1);
} }
@ -254,6 +257,7 @@ aside .nav-brand {
.breadcrumb > li > a { .breadcrumb > li > a {
color: #444; color: #444;
} }
.card { .card {
border-top-color: #3c8dbc; border-top-color: #3c8dbc;
color: #444; color: #444;
@ -262,46 +266,50 @@ aside .nav-brand {
.card:hover { .card:hover {
border-top-color: #2c6ca2; border-top-color: #2c6ca2;
} }
.card-header {
.card-header, .modal-footer {
border-bottom: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;
} }
.modal-footer {
border-top: 1px solid #f4f4f4;
}
footer { footer {
background: #2c3b41; background: #2c3b41;
} }
@media (max-width:767px){
@media (max-width:768px){
body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-group-text, .popover-header { body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-group-text, .popover-header {
font-size: 0.75rem; font-size: 0.75rem;
} }
.bg {
background-color: #367fa9;
}
.card-header { .card-header {
font-size: 0.875rem; font-size: 0.875rem;
padding: 0.375rem 1rem; padding: 0.375rem 1rem;
} }
.form-inline .form-group{ .form-inline .form-group{
margin-bottom:0.75rem; margin-bottom:0.75rem;
} }
.form-inline .form-group .control-label { .form-inline .form-group .control-label {
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
} }
.modal-body, .card-body { .modal-body, .card-body {
padding: 0.5rem 0.75rem 0 0.75rem; padding: 0.5rem 0.75rem 0 0.75rem;
} }
.modal-footer { .modal-footer {
padding: 0.5rem; padding: 0.5rem;
} }
.username { .username {
font-size: 0.875rem; font-size: 0.875rem;
} }
} }
@media (min-width: 667px) { @media (min-width: 667px) {
.header .nav { .header .nav {
display: flex; display: flex;
flex: 0 1 auto; flex: 0 1 auto;
flex-wrap: nowrap;
} }
.sidebar-toggle-box { .sidebar-toggle-box {
@ -319,6 +327,10 @@ footer {
opacity: 0; opacity: 0;
} }
.header .bg {
display: none;
}
.sidebar-open .header .sidebar-toggle-box span { .sidebar-open .header .sidebar-toggle-box span {
opacity: 1; opacity: 1;
} }