fix: ui issue

crawlab-team · Nov 9, 2024 · ffec127 · ffec127
1 parent c01a4fc
commit ffec127
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 15 deletions.
diff --git a/src/components/ui/tag/Tag.vue b/src/components/ui/tag/Tag.vue
@@ -138,9 +138,9 @@ defineOptions({ name: 'ClTag' });
         <span class="prefix-icon">
           <cl-icon v-if="icon" :icon="icon" :spinning="spinning" />
         </span>
-        <span class="label">{{ label }}</span>
-        <span class="suffix-icon">
-          <cl-icon v-if="suffixIcon" :icon="suffixIcon" />
+        <span v-if="label" class="label">{{ label }}</span>
+        <span v-if="suffixIcon" class="suffix-icon">
+          <cl-icon :icon="suffixIcon" />
         </span>
       </template>
     </el-tag>

diff --git a/src/views/task/detail/actions/TaskDetailActionsCommon.vue b/src/views/task/detail/actions/TaskDetailActionsCommon.vue
@@ -123,6 +123,8 @@ defineOptions({ name: 'ClTaskDetailActionsCommon' });
         :status="form?.status"
         size="large"
       />
+    </cl-nav-action-item>
+    <cl-nav-action-item>
       <cl-duration
         :duration="totalDuration"
         is-tag
@@ -132,13 +134,3 @@ defineOptions({ name: 'ClTaskDetailActionsCommon' });
     </cl-nav-action-item>
   </cl-nav-action-group>
 </template>
-
-<style scoped>
-.task-detail-actions-common:deep(.tag),
-.task-detail-actions-common:deep(.el-button),
-.task-detail-actions-common:deep(.task-results),
-.task-detail-actions-common:deep(.task-status),
-.task-detail-actions-common:deep(.duration) {
-  margin-right: 10px;
-}
-</style>
diff --git a/src/views/task/detail/actions/groups/TaskDetailActionGroupNav.vue b/src/views/task/detail/actions/groups/TaskDetailActionGroupNav.vue
@@ -49,5 +49,3 @@ defineOptions({ name: 'ClTaskDetailActionGroupNav' });
     </cl-nav-action-item>
   </cl-nav-action-group>
 </template>
-
-<style scoped lang="scss"></style>