refactor ts

LiuHao

2023-04-02 251d2411f235e23209d57173857e05b637729ce8

 src/assets/styles/sidebar.scss

@@ -1,8 +1,7 @@
#app {

  .main-container {
    min-height: 100%;
    transition: margin-left .28s;
      transition: margin-left 0.28s;
    margin-left: $base-sidebar-width;
    position: relative;
  }
@@ -12,7 +11,7 @@
  }

  .sidebar-container {
    -webkit-transition: width .28s;
      -webkit-transition: width 0.28s;
    transition: width 0.28s;
    width: $base-sidebar-width !important;
    background-color: $base-menu-background;
@@ -24,8 +23,8 @@
    left: 0;
    z-index: 1001;
    overflow: hidden;
    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
    box-shadow: 2px 0 6px rgba(0,21,41,.35);
      -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
      box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);

    // reset element-ui css
    .horizontal-collapse-transition {
@@ -70,7 +69,8 @@
      width: 100% !important;
    }

    .el-menu-item, .menu-title {
      .el-menu-item,
      .menu-title {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
@@ -142,7 +142,6 @@
        .svg-icon {
          margin-left: 20px;
        }

      }
    }

@@ -179,7 +178,7 @@
    }

    .sidebar-container {
      transition: transform .28s;
         transition: transform 0.28s;
      width: $base-sidebar-width !important;
    }

@@ -193,7 +192,6 @@
  }

  .withoutAnimation {

    .main-container,
    .sidebar-container {
      transition: none;