panyy
/
UnisKB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: Optimize the display of the header username

v3.2
wangdan-fit2cloud 2025-11-12 17:58:01 +08:00
parent 697f6509bb
commit 719ba08c6e
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/layout/layout-header/avatar/index.vue
View File

@ -19,7 +19,7 @@
</el-avatar> </el-avatar>
</div> </div>
<div style="width: 90%"> <div style="width: 90%">
<p class="bold mb-4" style="font-size: 14px">{{ user.userInfo?.nick_name }}({{ user.userInfo?.username }})</p> <p class="bold mb-4" style="font-size: 14px">{{ user.userInfo?.nick_name }} <span class="color-secondary lighter">({{ user.userInfo?.username }})</span></p>
<template v-if="user.userInfo?.role_name && user.userInfo.role_name.length > 0"> <template v-if="user.userInfo?.role_name && user.userInfo.role_name.length > 0">
<TagGroup <TagGroup
size="small" size="small"
@ -222,6 +222,7 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.avatar-dropdown { .avatar-dropdown {
min-width: 210px; min-width: 210px;
max-width: 400px;
.userInfo { .userInfo {
padding: 12px 11px; padding: 12px 11px;