plm BMM

src/assets/scss/_base.scss

@@ -71,6 +71,7 @@ img {
 .site-sidebar--fold {
   .site-navbar__header,
   .site-navbar__brand,
+  .site-navbar__brand2,
   .site-sidebar,
   .site-sidebar__inner,
   .el-menu.site-sidebar__menu {
@@ -88,6 +89,14 @@ img {
       display: inline-block;
     }
   }
+  .site-navbar__brand2 {
+    &-lg {
+      display: none;
+    }
+    &-mini {
+      display: inline-block;
+    }
+  }
   .site-sidebar,
   .site-sidebar__inner {
     overflow: initial;
@@ -103,6 +112,7 @@ img {
 // animation
 .site-navbar__header,
 .site-navbar__brand,
+.site-navbar__brand2,
 .site-navbar__body,
 .site-sidebar,
 .site-sidebar__inner,
@@ -174,7 +184,31 @@ img {
     text-transform: uppercase;
     white-space: nowrap;
     color: #fff;
-
+    &-lg,
+    &-mini {
+      margin: 0 5px;
+      color: #fff;
+      &:focus,
+      &:hover {
+        color: #fff;
+        text-decoration: none;
+      }
+    }
+    &-mini {
+      display: none;
+    }
+  }
+  &__brand2 {
+    display: table-cell;
+    vertical-align: middle;
+    width: 230px;
+    height: 50px;
+    margin: 0;
+    line-height: 50px;
+    font-size: 20px;
+    text-align: center;
+    white-space: nowrap;
+    color: #fff;
     &-lg,
     &-mini {
       margin: 0 5px;

src/assets/scss/global.scss

@@ -153,6 +153,11 @@
   line-height: 35px;
   font-size: 18px;
 }
+.site-navbar__brand2 {
+  height: 35px;
+  line-height: 35px;
+  font-size: 18px;
+}
 .site-navbar {
   height: 35px;
 }

src/views/main-navbar.vue

@@ -2,7 +2,7 @@
   <nav class="site-navbar" :class="'site-navbar--' + navbarLayoutType">
     <div class="site-navbar__header">
       <!--      @click="$router.push({ name: 'home' })"-->
-      <h1 class="site-navbar__brand">
+      <h1 class="site-navbar__brand2">
         <el-menu
           class="site-navbar__menu"
           mode="horizontal">
@@ -10,7 +10,7 @@
             <icon-svg name="zhedie"></icon-svg>
           </el-menu-item>
         </el-menu>
-        <a class="site-navbar__brand-lg" href="javascript:;">{{'CCL Design'}}</a>
+        <a class="site-navbar__brand2-lg" href="javascript:;">{{'CCL Design'}}</a>
         <a class="site-navbar__brand-mini" href="javascript:;">{{ pageLanguage.abbreviation }}</a>
       </h1>
 
@@ -491,6 +491,14 @@ export default {
   font-size: 18px;
 }
 
+.site-navbar__brand2-lg{
+  margin: 0 5px;
+  color: #fff;
+  margin-left: -25px;
+
+  font-size: 18px;
+}
+
 .el-menu--horizontal > .el-menu-item {
   color: #3b4249;
 }