style: problem style

ui/src/components/tag-ellipsis/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-tag class="tag-ellipsis flex-between mb-8" effect="plain" v-bind="$attrs">
+  <el-tag class="tag-ellipsis flex-between mb-8 w-full" effect="plain" v-bind="$attrs">
     <slot></slot>
   </el-tag>
 </template>

ui/src/components/tag-group/index.vue

@@ -21,7 +21,6 @@
   </div>
 </template>
 <script setup lang="ts">
-
 const props = defineProps<{
   tags: string[]
   size?: 'large' | 'default' | 'small'
@@ -34,5 +33,15 @@ const props = defineProps<{
   :deep(.el-tag__content) {
     width: 100%;
   }
+  /* tag超出省略号 */
+  .tag-ellipsis {
+    box-sizing: border-box;
+    max-width: 130px;
+    .el-tag__content {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
 }
 </style>

ui/src/layout/layout-header/UserHeader.vue

@@ -6,7 +6,7 @@
     </div>
 
     <div class="flex-between w-full">
-      <div class="ml-24 flex align-center">
+      <div class="ml-24 flex align-center w-120">
         <!-- 企业版: 工作空间下拉框-->
         <el-divider
           class="mr-8"

ui/src/styles/component.scss

@@ -251,14 +251,3 @@
     padding: 4px 16px 12px 12px;
   }
 }
-
-/* tag超出省略号 */
-.tag-ellipsis {
-  box-sizing: border-box;
-  max-width: 130px;
-  .el-tag__content {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}