优化布局设置显示

src/layout/components/Navbar.vue

@@ -40,15 +40,15 @@
             <router-link to="/user/profile">
               <el-dropdown-item>个人中心</el-dropdown-item>
             </router-link>
+            <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
+                <span>布局设置</span>
+              </el-dropdown-item>
             <el-dropdown-item divided command="logout">
               <span>退出登录</span>
             </el-dropdown-item>
           </el-dropdown-menu>
         </template>
       </el-dropdown>
-      <div class="right-menu-item hover-effect setting" @click="setLayout" v-if="settingsStore.showSettings">
-        <svg-icon icon-class="more-up" />
-      </div>
     </div>
   </div>
 </template>
@@ -192,19 +192,20 @@ function toggleTheme() {
 
       .avatar-wrapper {
         margin-top: 10px;
-        right: 5px;
+        right: 8px;
         position: relative;
 
         .user-avatar {
           cursor: pointer;
           width: 30px;
           height: 30px;
+          margin-right: 8px;
           border-radius: 50%;
         }
 
         .user-nickname{
           position: relative;
-          left: 5px;
+          left: 0px;
           bottom: 10px;
           font-size: 14px;
           font-weight: bold;