diff --git a/src/layout/index.vue b/src/layout/index.vue
index a2e671ee..af93cbcb 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -178,6 +178,12 @@ function toggleSideBar() {
   --el-menu-item-height: 50px;
 }
 
+.mobile.isTop {
+  :deep(.logo-wrap) {
+    width: 63px;
+  }
+}
+
 .isMix {
   :deep(.main-container) {
     display: inline-block;
diff --git a/src/styles/sidebar.scss b/src/styles/sidebar.scss
index cebfe761..6b1e05dd 100644
--- a/src/styles/sidebar.scss
+++ b/src/styles/sidebar.scss
@@ -153,37 +153,13 @@
       transition: transform 0.28s;
     }
 
-    &.hideSidebar:not(.isMix) {
+    &.hideSidebar:not(.isMix, .isTop) {
       .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 {