From 25c4208f5fce0225d4cabd1fa545c768e16ad6a7 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Fri, 18 Sep 2026 17:34:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E8=B4=A6=E5=8F=B7=E8=A7=92=E8=89=B2?=
 =?UTF-8?q?=E5=92=8C=E6=B3=A8=E9=94=80=E6=8E=92=E5=88=97=E4=B8=BA=E5=90=8C?=
 =?UTF-8?q?=E4=B8=80=E8=A1=8C=E4=B8=89=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/components/HomeAside/HomeAside.css    | 13 +++----------
 .../src/views/components/HomeAside/HomeAside.vue    |  9 ++++-----
 2 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/components/HomeAside/HomeAside.css b/frontend/src/views/components/HomeAside/HomeAside.css
index f284ef7..8bb98ac 100644
--- a/frontend/src/views/components/HomeAside/HomeAside.css
+++ b/frontend/src/views/components/HomeAside/HomeAside.css
@@ -108,19 +108,12 @@
 
 .account-identity {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: minmax(0, 1fr) auto auto;
   align-items: center;
   gap: 4px 8px;
   padding: 0 4px 12px;
 }
 
-.account-caption {
-  grid-column: 1;
-  color: var(--pm-text-secondary);
-  font-size: 11px;
-  line-height: 1.4;
-}
-
 .account-name {
   overflow: hidden;
   color: var(--pm-text-primary);
@@ -143,9 +136,9 @@
   justify-content: center;
   justify-self: end;
   gap: 6px;
-  min-width: 76px;
+  min-width: 62px;
   height: 32px;
-  padding: 0 6px;
+  padding: 0 4px;
   border: 0;
   border-radius: 6px;
   background: transparent;
diff --git a/frontend/src/views/components/HomeAside/HomeAside.vue b/frontend/src/views/components/HomeAside/HomeAside.vue
index e232dd6..2f6e81c 100644
--- a/frontend/src/views/components/HomeAside/HomeAside.vue
+++ b/frontend/src/views/components/HomeAside/HomeAside.vue
@@ -31,7 +31,10 @@
     </div>
     <div class="sidebar-footer" v-if="isLogin">
       <div class="account-identity" aria-label="当前登录账号" aria-live="polite">
-        <span class="account-caption">当前账号</span>
+        <strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong>
+        <el-tag :type="currentRole.type" size="small" effect="light" class="account-role">
+          {{ currentRole.label }}
+        </el-tag>
         <el-tooltip :content="lang.logout" placement="top">
           <button
             type="button"
@@ -45,10 +48,6 @@
             <span>{{ lang.logout }}</span>
           </button>
         </el-tooltip>
-        <strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong>
-        <el-tag :type="currentRole.type" size="small" effect="light" class="account-role">
-          {{ currentRole.label }}
-        </el-tag>
       </div>
       <button type="button" class="settings-btn" @click="openSettings">
         <el-icon><Setting /></el-icon>