fix

@@ -52,20 +52,21 @@ onMounted(() => {
     </div> -->
     <el-dropdown class="user-container" size="default" @command="userCommand">
       <div class="user-wrapper">
+
+        <div class="v-uerinfo">
+          <div class="v-top">{{ userStore.userName }}</div>
+          <div class="v-top"> {{ JSON.parse(loaclStorageInfo).abbreviation }}</div>
+        </div>
         <el-avatar size="small">
           <el-icon>
             <svg-icon name="ep:user-filled" />
           </el-icon>
         </el-avatar>
-        <div class="v-uerinfo">
-          <div class="v-top">{{ userStore.userName }}</div>
-          <div class="v-top"> {{ JSON.parse(loaclStorageInfo).abbreviation }}</div>
-        </div>
-        <div>
+        <!-- <div>
           <el-icon>
             <svg-icon name="ep:caret-bottom" />
           </el-icon>
-        </div>
+        </div> -->
       </div>
       <template #dropdown>
         <el-dropdown-menu class="user-dropdown">
@@ -87,8 +88,20 @@ onMounted(() => {
 .tools {
   display: flex;
   align-items: center;
-  padding: 0 20px;
+  padding: 0 10px !important;
   white-space: nowrap;
+  position: relative;
+  margin-left: 16px;
+
+  &::before {
+    content: '';
+    height: 35px;
+    border-left: 1px solid #fff;
+    position: absolute;
+    top: 50%;
+    left: -1px;
+    transform: translateY(-50%);
+  }
 
   .buttons {
     margin-right: 20px;
@@ -160,10 +173,14 @@ onMounted(() => {
       display: flex;
       flex-direction: column;
       font-size: 12px;
+      margin-right: 6px;
+
 
       .v-top {
         height: 18px;
         line-height: 18px;
+        text-align: right;
+        max-width: 120px;
       }
     }