From 04f6d3f8510afaf1630655476b0dc1b4df105b77 Mon Sep 17 00:00:00 2001
From: Yuhang Wu <YuhangWu@orbitmes.com>
Date: Mon, 26 Oct 2026 15:01:49 +0800
Subject: [PATCH] =?UTF-8?q?style(aside):=20=E4=BC=98=E5=8C=96=E4=BE=A7?=
 =?UTF-8?q?=E8=BE=B9=E6=A0=8F=E5=88=87=E6=8D=A2=E6=8C=89=E9=92=AE=E7=9A=84?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整侧边栏展开/折叠状态下切换按钮的对齐方式和内边距，使其与菜单项排版保持一致
---
 src/layout/aside/Aside.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/layout/aside/Aside.vue b/src/layout/aside/Aside.vue
index 5102f62..c66578d 100644
--- a/src/layout/aside/Aside.vue
+++ b/src/layout/aside/Aside.vue
@@ -164,9 +164,27 @@ const statusText = computed(() => {
 .sidebar-toggle {
   width: 100%;
   height: 44px;
+  border: 0;
   border-radius: 10px;
 }
 
+/* 展开时沿用菜单项的左内边距，让折叠操作与“设置”入口排成同一列。 */
+.app-sidebar:not(.is-collapsed) .sidebar-toggle {
+  justify-content: flex-start;
+  gap: 10px;
+  padding-inline: 24px;
+
+  :deep(.anticon + span) {
+    margin-inline-start: 0;
+  }
+}
+
+/* 折叠时隐藏文字后，按钮和菜单图标都回到侧栏中心。 */
+.app-sidebar.is-collapsed .sidebar-toggle {
+  justify-content: center;
+  padding-inline: 0;
+}
+
 .sidebar-toggle:focus-visible {
   outline: 2px solid #6366f1;
   outline-offset: -2px;