提交

web-admin/src/components/core/layouts/art-header-bar/index.vue

@@ -30,7 +30,8 @@
         <ArtIconButton
           v-if="isLeftMenu && shouldShowMenuButton"
           icon="fold"
-          class="ml-3 max-sm:ml-[7px]"
+          class="ml-3 max-sm:ml-[7px] menu-fold-btn"
+          :class="{ 'is-menu-collapsed': !menuOpen }"
           @click="visibleMenu"
         />
 
@@ -376,6 +377,14 @@
     }
   }
 
+  .menu-fold-btn :deep(.art-svg-icon) {
+    transition: transform 0.3s ease;
+  }
+
+  .menu-fold-btn.is-menu-collapsed :deep(.art-svg-icon) {
+    transform: rotate(180deg);
+  }
+
   /* Hover animation classes */
   .refresh-btn:hover :deep(.art-svg-icon) {
     animation: rotate180 0.5s;

web-admin/src/components/core/layouts/art-portal-header/index.vue

@@ -11,6 +11,7 @@
         <ArtIconButton
           icon="fold"
           class="portal-header-icon-btn portal-header-fold-btn"
+          :class="{ 'is-menu-collapsed': !menuOpen }"
           @click="toggleSidebar"
         />
         <ArtPortalModuleSelect />
@@ -190,6 +191,14 @@
     }
   }
 
+  .portal-header-fold-btn :deep(.art-svg-icon) {
+    transition: transform 0.3s ease;
+  }
+
+  .portal-header-fold-btn.is-menu-collapsed :deep(.art-svg-icon) {
+    transform: rotate(180deg);
+  }
+
   @media only screen and (width <= 800px) {
     .portal-header-title {
       display: none;