xuans/Smail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

保留当前账号标题并维持账号区域三段布局

Browse Source
This commit is contained in:
smail 2026-09-18 17:42:46 +08:00
parent 2a446ed7f8
commit aa7d5b4eab
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/views/components/HomeAside/HomeAside.css
View File

@ -114,6 +114,13 @@
padding: 0 4px 12px; padding: 0 4px 12px;
} }
.account-caption {
grid-column: 1 / -1;
color: var(--pm-text-secondary);
font-size: 11px;
line-height: 1.4;
}
.account-name { .account-name {
overflow: hidden; overflow: hidden;
color: var(--pm-text-primary); color: var(--pm-text-primary);

1
frontend/src/views/components/HomeAside/HomeAside.vue
View File

@ -31,6 +31,7 @@
</div> </div>
<div class="sidebar-footer" v-if="isLogin"> <div class="sidebar-footer" v-if="isLogin">
<div class="account-identity" aria-label="当前登录账号" aria-live="polite"> <div class="account-identity" aria-label="当前登录账号" aria-live="polite">
<span class="account-caption">当前账号</span>
<strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong> <strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong>
<el-tag :type="currentRole.type" size="small" effect="light" class="account-role"> <el-tag :type="currentRole.type" size="small" effect="light" class="account-role">
{{ currentRole.label }} {{ currentRole.label }}