From 6873be9c46f23f3e3126af299815151f75442aa2 Mon Sep 17 00:00:00 2001
From: xuans <likb_blue@163.com>
Date: Sat, 17 Oct 2026 01:36:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(navigation):=20=E5=BD=93=E5=89=8D=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E5=8D=A1=E7=89=87=E4=B8=8E=E5=AF=BC=E8=88=AA=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E7=AD=89=E5=AE=BD=E5=B1=95=E7=A4=BA=E4=B8=94=E9=81=BF?=
 =?UTF-8?q?=E5=85=8D=E7=94=A8=E6=88=B7=E5=90=8D=E6=88=AA=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/Dashboard/DashboardNavigation.css   | 22 +++++++++++++++----
 .../views/Dashboard/DashboardNavigation.vue   | 16 ++++++++------
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/frontend/src/views/Dashboard/DashboardNavigation.css b/frontend/src/views/Dashboard/DashboardNavigation.css
index f1371dc..f99a435 100644
--- a/frontend/src/views/Dashboard/DashboardNavigation.css
+++ b/frontend/src/views/Dashboard/DashboardNavigation.css
@@ -120,15 +120,25 @@
 .navigation-account-card {
   display: flex;
   flex-direction: column;
-  gap: 6px;
-  margin: 0 4px 10px;
-  padding: 10px 12px;
+  gap: 8px;
+  width: 100%;
+  box-sizing: border-box;
+  margin: 0 0 10px;
+  padding: 12px;
   border: 1px solid #e2e8f2;
-  border-radius: 12px;
+  border-radius: 10px;
   background: #f8faff;
   color: #1e293b;
 }
 
+.navigation-account-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+}
+
 .navigation-account-label {
   color: #64748b;
   font-size: 12px;
@@ -139,7 +149,9 @@
 .navigation-account-row {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: 8px;
+  width: 100%;
   min-width: 0;
 }
 
@@ -150,6 +162,8 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  flex: 1 1 auto;
+  min-width: 0;
 }
 
 .navigation-role-badge {
diff --git a/frontend/src/views/Dashboard/DashboardNavigation.vue b/frontend/src/views/Dashboard/DashboardNavigation.vue
index 602e387..be6e5ee 100644
--- a/frontend/src/views/Dashboard/DashboardNavigation.vue
+++ b/frontend/src/views/Dashboard/DashboardNavigation.vue
@@ -82,13 +82,8 @@ defineEmits(["select", "settings"]);
     </button>
     <div class="navigation-session">
       <div v-if="currentUser" class="navigation-account-card" aria-label="当前登录账号">
-        <div class="navigation-account-label">当前账号</div>
-        <div class="navigation-account-row">
-          <strong class="navigation-account-name" :title="currentUser.account">{{ currentUser.account || "未命名账号" }}</strong>
-          <span
-            class="navigation-role-badge"
-            :class="`role-${currentUser.role}`"
-          >{{ roleLabels[currentUser.role] || "未知权限" }}</span>
+        <div class="navigation-account-header">
+          <div class="navigation-account-label">当前账号</div>
           <button
             class="navigation-logout-btn navigation-logout"
             type="button"
@@ -105,6 +100,13 @@ defineEmits(["select", "settings"]);
             <span class="navigation-logout-sr">{{ loggingOut ? "退出中…" : "退出登录" }}</span>
           </button>
         </div>
+        <div class="navigation-account-row">
+          <strong class="navigation-account-name" :title="currentUser.account">{{ currentUser.account || "未命名账号" }}</strong>
+          <span
+            class="navigation-role-badge"
+            :class="`role-${currentUser.role}`"
+          >{{ roleLabels[currentUser.role] || "未知权限" }}</span>
+        </div>
       </div>
       <div v-else class="navigation-session-anon">
         <button