From 671275a4a3f2207c41c1ffb7ab7f572c606d2f29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=95=E9=87=91=E6=B3=BD?= <1098696801@qq.com>
Date: Fri, 5 Aug 2022 18:55:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=A4=B4=E5=83=8F=E9=94=99?=
 =?UTF-8?q?=E4=BD=8D=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 magic-boot-ui/src/layout/layout.vue | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/magic-boot-ui/src/layout/layout.vue b/magic-boot-ui/src/layout/layout.vue
index 2d9986e..4c30eb2 100644
--- a/magic-boot-ui/src/layout/layout.vue
+++ b/magic-boot-ui/src/layout/layout.vue
@@ -7,18 +7,20 @@
       <div class="header-right">
         <div class="avatar">
           <el-dropdown>
-            <el-col>
-              <el-avatar v-if="$global.user.info.headPortrait" :size="40" fit="contain" :src="$global.baseApi + $global.user.info.headPortrait"></el-avatar>
-              <el-avatar v-else :size="40" fit="contain">
-                {{ $global.user.info.name.substring(0,1) }}
-              </el-avatar>
-            </el-col>
-            <el-col style="line-height: 40px;">
-              <span class="username">{{ $global.user.info.username }}</span>
-              <el-icon class="el-icon--right" color="white">
-                <arrow-down />
-              </el-icon>
-            </el-col>
+            <el-row :gutter="24">
+              <el-col :span="6">
+                <el-avatar v-if="$global.user.info.headPortrait" :size="40" fit="contain" :src="$global.baseApi + $global.user.info.headPortrait"></el-avatar>
+                <el-avatar v-else :size="40" fit="contain">
+                  {{ $global.user.info.name.substring(0,1) }}
+                </el-avatar>
+              </el-col>
+              <el-col :span="18" style="line-height: 40px;">
+                <span class="username">{{ $global.user.info.username }}</span>
+                <el-icon class="el-icon--right" color="white">
+                  <arrow-down />
+                </el-icon>
+              </el-col>
+            </el-row>
             <template #dropdown>
               <el-dropdown-menu>
                 <router-link to="/user-center">