fix nav

src/layout/components/Navbar.vue

@@ -7,7 +7,11 @@
     <div class="right-menu">
 
       <div class="time">{{currenttime}}</div>
-      <div class="avatar-container">
+      <div class="username">{{getters.name}}</div>
+      <div style="margin-right:5px">
+         <el-button @click="logout"  style="background:rgba(0,0,0,0);border:none" plain><img style="width:15px;height:15px" :src="icon_loginout"></el-button>
+      </div>
+      <div class="avatar-container" style="display:none">
         <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
           <div class="avatar-wrapper">
             <img :src="getters.avatar" class="user-avatar" />
@@ -35,6 +39,14 @@
 <script setup>
 import { ElMessageBox } from 'element-plus'
 import { ref } from 'vue'
+import {
+  Check,
+  Delete,
+  Edit,
+  Message,
+  Search,
+  Star,
+} from '@element-plus/icons-vue'
 import Breadcrumb from '@/components/Breadcrumb'
 import TopNav from '@/components/TopNav'
 import Hamburger from '@/components/Hamburger'
@@ -45,6 +57,10 @@ import RuoYiGit from '@/components/RuoYi/Git'
 import RuoYiDoc from '@/components/RuoYi/Doc'
 import moment from 'moment'
 import variables from '@/assets/styles/variables.module.scss'
+/** @ts-ignore */
+import icon_loginout from '@/assets/images/loginout.png';
+
+
 
 const currenttime = ref("")
 
@@ -98,6 +114,7 @@ function setLayout() {
   position: relative;
   background: #fff;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+  color:#fff;
 
   .hamburger-container {
     line-height: 46px;