Quellcode durchsuchen

修复:后台管理员账户名过长时错位

Martin vor 5 Jahren
Ursprung
Commit
b7b73a5a5d

+ 1 - 1
src/components/GlobalHeader/AvatarDropdown.vue

@@ -1,6 +1,6 @@
 <template>
   <a-dropdown v-if="currentUser" placement="bottomRight">
-    <span class="ant-pro-account-avatar">
+    <span class="ant-pro-account-avatar oneline-hide">
       <!-- <a-avatar size="small" src="https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png" class="antd-pro-global-header-index-avatar" /> -->
       <a-icon type="user" :style="{ fontSize: '16px', marginRight: '5px' }"></a-icon>
       <span>{{ currentUser.real_name || currentUser.user_name }}</span>

+ 1 - 1
src/layouts/BasicLayout.less

@@ -7,7 +7,7 @@
 }
 
 .ant-pro-global-header-index-right {
-  margin-right: 8px;
+  margin-right: 10px;
 
   &.ant-pro-global-header-index-dark {
     .ant-pro-global-header-index-action {

+ 4 - 2
src/layouts/ProLayout/components/GlobalHeader/index.less

@@ -21,9 +21,11 @@
         overflow   : hidden;
 
         .@{global-header-prefix-cls}-index-action {
-            display   : inline-block;
+            min-width     : 115px;
+            max-width     : 150px;
+            display   : block;
             height    : 100%;
-            padding   : 0 12px;
+            padding   : 0 10px;
             cursor    : pointer;
             transition: all .3s;