feat: 导航混合模式细节完善

Former-commit-id: aa7373f0632d0d659c58272cfbdf1ee224d2c556
2023-08-18 18:32:54 +08:00
parent 56b6f09e74
commit c77f16237d
8 changed files with 97 additions and 30 deletions
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -144,15 +144,46 @@
    .sidebar-container {
      width: $sideBarWidth !important;
      transition: transform 0.28s;
+
+      .header {
+        .logo-wrap {
+          width: 63px !important;
+          transition: transform 0.28s;
+        }
+      }
    }

-    &.hideSidebar {
+    &.hideSidebar:not(.isMix) {
      .sidebar-container {
        pointer-events: none;
        transition-duration: 0.3s;
        transform: translate3d(-$sideBarWidth, 0, 0);
      }
    }
+
+    &.hideSidebar {
+      .isMix {
+        :deep(.sidebar-container) {
+          .header {
+            .logo-wrap {
+              width: 64px;
+            }
+          }
+        }
+      }
+    }
+
+    &.openSidebar {
+      .isMix {
+        :deep(.sidebar-container) {
+          .header {
+            .logo-wrap {
+              width: 210px;
+            }
+          }
+        }
+      }
+    }
  }

  .withoutAnimation {