starred/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2026-10-12 16:00:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: remove user tooltip (#14041)

Browse Source
This commit is contained in:
Yuki Guo
2026-10-12 18:18:44 +08:00
committed by GitHub
parent f7394938f7
commit e90b201001
1 changed files with 16 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/layout/components/Sidebar/index.vue
+16 -37
View File
@@ -32,32 +32,24 @@
@user-change="currentUser = $event"
/>
<div class="user-actions" :class="{ 'is-collapsed': isCollapse }">
<el-tooltip
<button
v-if="currentUser"
:content="$t('xpack.user.userInfo')"
placement="top"
popper-class="sidebar-user-tooltip"
type="button"
class="user-entry"
:aria-label="$t('xpack.user.userInfo') + ' ' + currentUser.name"
@click="nodeSelectorRef?.openUserInfo()"
>
<button
type="button"
class="user-entry"
:aria-label="$t('xpack.user.userInfo') + ' ' + currentUser.name"
@click="nodeSelectorRef?.openUserInfo()"
>
<SvgIcon class="icon" iconName="p-gerenzhongxin1" />
<span v-if="!isCollapse" class="user-name">{{ currentUser.name }}</span>
</button>
</el-tooltip>
<el-tooltip :content="$t('header.exitSystem')" placement="top" popper-class="sidebar-user-tooltip">
<button
type="button"
class="user-entry logout-entry"
:aria-label="$t('header.exitSystem')"
@click="nodeSelectorRef?.logout()"
>
<SvgIcon class="icon" iconName="p-tuichudenglu3" />
</button>
</el-tooltip>
<SvgIcon class="icon" iconName="p-gerenzhongxin1" />
<span v-if="!isCollapse" class="user-name">{{ currentUser.name }}</span>
</button>
<button
type="button"
class="user-entry logout-entry"
:aria-label="$t('header.exitSystem')"
@click="nodeSelectorRef?.logout()"
>
<SvgIcon class="icon" iconName="p-tuichudenglu3" />
</button>
</div>
</div>
</template>
@@ -441,16 +433,3 @@ watch(
border-left: 1px solid var(--panel-footer-border);
}
</style>
<style lang="scss">
.el-popper.sidebar-user-tooltip {
background: var(--el-menu-item-bg-color);
color: var(--el-color-primary);
border-color: var(--panel-footer-border);
.el-popper__arrow::before {
background: var(--el-menu-item-bg-color);
border-color: var(--panel-footer-border);
}
}
</style>