将侧栏注销按钮改为图标文字同行显示

This commit is contained in:
smail 2026-09-18 17:09:37 +08:00
parent 57807fcdae
commit 8f3bbbd968
2 changed files with 13 additions and 3 deletions

View File

@ -142,17 +142,26 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
justify-self: end; justify-self: end;
width: 32px; gap: 6px;
min-width: 76px;
height: 32px; height: 32px;
padding: 0; padding: 0 6px;
border: 0; border: 0;
border-radius: 6px; border-radius: 6px;
background: transparent; background: transparent;
color: var(--pm-text-secondary); color: var(--pm-text-secondary);
font-size: 18px; font-family: inherit;
font-size: 13px;
line-height: 1;
white-space: nowrap;
cursor: pointer; cursor: pointer;
} }
.logout-btn .el-icon {
flex-shrink: 0;
font-size: 18px;
}
.logout-btn:hover:not(:disabled) { .logout-btn:hover:not(:disabled) {
background: var(--el-color-danger-light-9); background: var(--el-color-danger-light-9);
color: var(--el-color-danger); color: var(--el-color-danger);

View File

@ -42,6 +42,7 @@
@click="logout" @click="logout"
> >
<el-icon><SwitchButton /></el-icon> <el-icon><SwitchButton /></el-icon>
<span>{{ lang.logout }}</span>
</button> </button>
</el-tooltip> </el-tooltip>
<strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong> <strong class="account-name" :title="currentAccount">{{ currentAccount }}</strong>