From 860771f922fd3201f76abca20db9ac09dc9eafd9 Mon Sep 17 00:00:00 2001
From: Amy0104 <97265214+Amy0104@users.noreply.github.com>
Date: Tue, 29 Mar 2022 22:03:17 +0800
Subject: [PATCH] [Fix] [UI-Next] [V1.0.0-Alpha]Fix the magic status display.
 (#9265)

---
 .../src/views/projects/task/instance/use-table.ts            | 5 +++--
 .../projects/workflow/components/dag/dag-node-status.tsx     | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts b/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts
index baaaef8974..154444b315 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts
@@ -336,14 +336,15 @@ export function renderStateCell(state: ITaskState, t: Function) {
       class: stateOption.classNames,
       style: {
         display: 'flex'
-      }
+      },
+      size: 20
     },
     () => h(stateOption.icon)
   )
   return h(NTooltip, null, {
     trigger: () => {
       if (!stateOption.isSpin) return Icon
-      return h(NSpin, { size: 18 }, { icon: () => Icon })
+      return h(NSpin, { size: 20 }, { icon: () => Icon })
     },
     default: () => stateOption.desc
   })
diff --git a/dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/dag-node-status.tsx b/dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/dag-node-status.tsx
index fde2c0236a..aff989a5cd 100644
--- a/dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/dag-node-status.tsx
+++ b/dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/dag-node-status.tsx
@@ -41,7 +41,7 @@ export default defineComponent({
     const iconElement = h(
       NIcon,
       {
-        size: '20px'
+        size: 20
       },
       {
         default: () =>
@@ -63,7 +63,7 @@ export default defineComponent({
               return h(
                 NSpin,
                 {
-                  small: 'small'
+                  size: 20
                 },
                 {
                   icon: () => this.iconElement