src/layout/components/Sidebar/index.vue
@@ -77,14 +77,18 @@
      color: v-bind(getMenuTextColor);
      font-size: 14px;
      letter-spacing: 0;
      transition: all 0.28s ease;
      transition:
        transform 0.18s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        color 0.2s ease;
      border: none !important;
      display: flex;
      align-items: center;
      &:hover {
        background: linear-gradient(128deg, rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.28), rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.08)) !important;
        transform: translateX(3px);
        transform: translate3d(2px, 0, 0);
      }
    }
@@ -93,12 +97,10 @@
      &.is-active {
        background: var(--menu-active-bg, linear-gradient(135deg, var(--el-color-primary), var(--el-color-primary-light-3))) !important;
        background-size: 180% 180%;
        color: var(--menu-active-text) !important;
        font-weight: 500;
        border-radius: 14px;
        box-shadow: var(--menu-active-glow, 0 10px 24px rgba(var(--el-color-primary-rgb, 37, 99, 235), 0.34));
        animation: sidebarActiveFlow 4.6s ease infinite;
        .svg-icon {
          color: var(--menu-active-text) !important;
@@ -121,7 +123,7 @@
      font-size: 14px !important;
      color: currentColor !important;
      opacity: 0.7;
      transition: all 0.25s ease;
      transition: transform 0.2s ease, opacity 0.2s ease;
    }
    :deep(.el-sub-menu.is-opened .el-sub-menu__icon-arrow) {