fix: fix steps inner style error (ant-design#48464)

* fix: fix steps style error * fix: add unit
Alex-huxiyang · Apr 15, 2024 · 47eb27b · 47eb27b
1 parent 9ba577f
commit 47eb27b
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/components/steps/style/progress.ts b/components/steps/style/progress.ts
@@ -1,4 +1,5 @@
 import type { CSSObject } from '@ant-design/cssinjs';
+import { unit } from '@ant-design/cssinjs';
 
 import type { StepsToken } from '.';
 import type { GenerateStyle } from '../../theme/internal';
@@ -67,8 +68,8 @@ const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
           transform: 'translate(-50%, -50%)',
 
           '&-inner': {
-            width: `${progressSize} !important`,
-            height: `${progressSize} !important`,
+            width: `${unit(progressSize)} !important`,
+            height: `${unit(progressSize)} !important`,
           },
         },
       },
@@ -80,8 +81,8 @@ const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
         },
 
         [`${componentCls}-item-icon ${antCls}-progress-inner`]: {
-          width: `${progressSizeSM} !important`,
-          height: `${progressSizeSM} !important`,
+          width: `${unit(progressSizeSM)} !important`,
+          height: `${unit(progressSizeSM)} !important`,
         },
       },
     },