diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue index 936927e7f..742159857 100644 --- a/src/components/Hamburger/index.vue +++ b/src/components/Hamburger/index.vue @@ -1,6 +1,6 @@ @@ -30,6 +30,6 @@ export default { color: $menuText; } .hamburger.is-active { - transform: rotate(-180deg); + transform: rotate(180deg); } diff --git a/src/layout/components/NavHeader/index.vue b/src/layout/components/NavHeader/index.vue index 192dce755..5acb62f63 100644 --- a/src/layout/components/NavHeader/index.vue +++ b/src/layout/components/NavHeader/index.vue @@ -198,6 +198,7 @@ export default { line-height: 30px; border-radius: 4px; border-color: $--color-primary; + background-color: white; color: #fff; cursor: pointer; transition: .2s; diff --git a/src/layout/components/NavLeft/index.vue b/src/layout/components/NavLeft/index.vue index 78e18e7fe..3bcc47d54 100644 --- a/src/layout/components/NavLeft/index.vue +++ b/src/layout/components/NavLeft/index.vue @@ -248,39 +248,39 @@ export default { display: none; & > > > .organization { + height: 48px; + line-height: 48px; padding-left: 8px; background: transparent; color: #fff; border-bottom: 1px solid rgba(31, 35, 41, .15); + .el-input--prefix .el-input__inner { + height: 48px!important; + line-height: 48px!important; + } + .svg-icon { + color: #FFF!important; + margin-right:0px!important; + } } & > > > .title-label { color: white !important; } - .mobile-view-switch > > > .el-menu-item.is-active { - color: #ffffff; + .mobile-view-switch { + &>>> .el-menu-item.is-active { + color: var(--menu-text-active)!important; + .svg-icon { + color: var(--menu-text-active)!important; + } + } } } @media screen and (max-width: 992px) { .active-mobile { display: block; - .organization { - &>>> .svg-icon { - color: #FFF!important; - margin-right:0px!important; - } - } - .mobile-view-switch { - background: #fff!important; - &>>> .el-menu-item.is-active { - color: var(--menu-text-active)!important; - .svg-icon { - color: var(--menu-text-active)!important; - } - } - } } .active-switch-view { display: none!important;