将侧栏注销按钮改为图标文字同行显示
This commit is contained in:
parent
57807fcdae
commit
8f3bbbd968
@ -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);
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user