update energy

src/assets/scss/_base.scss

@@ -122,9 +122,13 @@ img {
   right: 0;
   left: 0;
   z-index: 1030;
-  height: 50px;
+  height: 64px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
   background-color: $navbar--background-color;
+  
+  &-icon {
+    font-size: 18px;
+  }
 
   &--inverse {
     .site-navbar__body {
@@ -158,17 +162,17 @@ img {
   &__header {
     position: relative;
     float: left;
-    width: 230px;
-    height: 50px;
+    width: 336px;
+    height: 64px;
     overflow: hidden;
   }
   &__brand {
     display: table-cell;
     vertical-align: middle;
-    width: 230px;
-    height: 50px;
+    width: 336px;
+    height: 64px;
     margin: 0;
-    line-height: 50px;
+    line-height: 64px;
     font-size: 20px;
     text-align: center;
     text-transform: uppercase;
@@ -188,6 +192,13 @@ img {
     &-mini {
       display: none;
     }
+    &-lg {
+      text-align: left;
+      text-indent: 15px;
+      font-weight: normal;
+      font-size: 16px;
+      cursor: pointer;
+    }
   }
   &__switch {
     font-size: 18px;
@@ -210,7 +221,7 @@ img {
   }
   &__body {
     position: relative;
-    margin-left: 230px;
+    margin-left: 336px;
     padding-right: 15px;
     background-color: #fff;
   }
@@ -228,8 +239,8 @@ img {
     }
     .el-menu-item,
     .el-submenu > .el-submenu__title {
-      height: 50px;
-      line-height: 50px;
+      height: 64px;
+      line-height: 64px;
     }
     .el-submenu > .el-menu {
       top: 55px;
@@ -249,13 +260,18 @@ img {
 ------------------------------ */
 .site-sidebar {
   position: fixed;
-  top: 50px;
+  top: 64px;
   left: 0;
   bottom: 0;
   z-index: 1020;
-  width: 230px;
+  width: 336px;
   overflow: hidden;
 
+  .el-menu-item, .el-submenu__title {
+    height: 48px;
+    line-height: 48px;
+  }
+
   &--dark,
   &--dark-popper {
     background-color: $sidebar--background-color-dark;
@@ -264,33 +280,33 @@ img {
       background-color: $sidebar--background-color-dark;
       .el-menu-item,
       .el-submenu > .el-submenu__title {
-        color: $sidebar--color-text-dark;
+        color: #fff;
         &:focus,
         &:hover {
-          color: mix(#fff, $sidebar--color-text-dark, 50%);
-          background-color: mix(#fff, $sidebar--background-color-dark, 2.5%);
+          color: #fff;
+          background-color: #2863af;
         }
       }
       .el-menu,
       .el-submenu.is-opened {
-        background-color: mix(#000, $sidebar--background-color-dark, 15%);
+        background-color: #0b253f;
       }
       .el-menu-item.is-active,
       .el-submenu.is-active > .el-submenu__title {
-        color: mix(#fff, $sidebar--color-text-dark, 80%);
+        color: #fff;
       }
     }
   }
   &__inner {
     position: relative;
     z-index: 1;
-    width: 250px;
+    width: 356px;
     height: 100%;
     padding-bottom: 15px;
     overflow-y: scroll;
   }
   &__menu.el-menu {
-    width: 230px;
+    width: 336px;
     border-right: 0;
   }
   &__menu-icon {
@@ -310,8 +326,8 @@ img {
 
   &__wrapper {
     position: relative;
-    padding-top: 50px;
-    margin-left: 230px;
+    padding-top: 64px;
+    margin-left: 336px;
     min-height: 100%;
     background: $content--background-color;
   }
@@ -321,8 +337,8 @@ img {
   > .el-tabs {
     > .el-tabs__header {
       position: fixed;
-      top: 50px;
-      left: 230px;
+      top: 64px;
+      left: 336px;
       right: 0;
       z-index: 930;
       padding: 0 55px 0 15px;
@@ -338,7 +354,7 @@ img {
     > .el-tabs__content {
       > .site-tabs__tools {
         position: fixed;
-        top: 50px;
+        top: 64px;
         right: 0;
         z-index: 931;
         height: 40px;
@@ -365,5 +381,68 @@ img {
   background-color: #fff;
   border-radius: 15px;
   padding: 20px;
-  min-height: calc(100vh - 145px);
+  min-height: calc(100vh - 159px);
+}
+
+.base-container{
+  border-radius: 25px;
+  h3 {
+    margin: 0;
+    font-size: 16px;
+  }
+  .base-container-titleline{
+    position: absolute;
+    width: 4px;
+    height: 16px;
+    background: #3E6AF7;
+    border-radius: 2px;
+    left: -8px;
+    top: 1px
+  }
+  .el-tabs--border-card{
+    border: 0;
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+  .el-tabs__header {
+    border-bottom: 0;
+    background: #fff;
+  }
+  .el-tabs__item{
+    border: 0 !important;
+  }
+  .el-tabs__nav-prev, .el-tabs__nav-next{
+    width: 56px;
+    font-size: 40px;
+  }
+  .el-tabs__nav-next{
+    text-align: right;
+  }
+  .el-tabs__nav-wrap.is-scrollable{
+    padding: 0 56px;
+  }
+  .el-tabs__nav-scroll{
+    padding: 10px;
+  }
+  .el-tabs__nav{
+    .el-tabs__item, .is-active {
+      color: #000000 !important;
+    }
+    .is-active{
+      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
+      border-radius: 8px;
+    }
+  }
+}
+
+.el-radio-group{
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+}
+
+.el-radio-button__orig-radio:checked+.el-radio-button__inner{
+  border-radius: 4px;
+}
+
+.el-radio-button__inner{
+  border: 0 !important;
 }