From 824a8b334fb5fa06e0849a28f90efaf9c41961d4 Mon Sep 17 00:00:00 2001
From: hectorzhao <hectorzhao@example.com>
Date: Wed, 1 Jul 2026 09:50:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BE=A7=E6=A0=8F=E5=BE=85?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91=E6=A0=87=E7=AD=BE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/AppShell.tsx |  6 ++++--
 src/styles/global.css    | 11 +++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/layouts/AppShell.tsx b/src/layouts/AppShell.tsx
index 6dc9349..150fd1a 100644
--- a/src/layouts/AppShell.tsx
+++ b/src/layouts/AppShell.tsx
@@ -87,8 +87,10 @@ export function AppShell({
                   return (
                     <NavLink key={item.to} to={item.to} end title={item.pending ? `${item.label}（待开发）` : item.label}>
                       <Icon size={17} strokeWidth={2.1} />
-                      <span className="side-nav-label">{item.label}</span>
-                      {item.pending ? <span className="dev-status-badge">待开发</span> : null}
+                      <span className="side-nav-label">
+                        <span className="side-nav-label-text">{item.label}</span>
+                        {item.pending ? <span className="dev-status-badge side-nav-pending-badge">待开发</span> : null}
+                      </span>
                     </NavLink>
                   );
                 })}
diff --git a/src/styles/global.css b/src/styles/global.css
index 5534147..d061bb6 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -294,7 +294,14 @@ h3 {
 }
 
 .side-nav-label {
+  align-items: center;
+  display: inline-flex;
   flex: 1;
+  gap: var(--space-1);
+  min-width: 0;
+}
+
+.side-nav-label-text {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -314,6 +321,10 @@ h3 {
   white-space: nowrap;
 }
 
+.side-nav-pending-badge {
+  margin-left: 2px;
+}
+
 .ui-tabs__tab {
   align-items: center;
   display: inline-flex;