fix(grid): css variable not parseFloat (#2738)

close #2733
Tencent · Jan 31, 2024 · cabcbd4 · cabcbd4
1 parent 9610b64
commit cabcbd4
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/grid/Row.tsx b/src/grid/Row.tsx
@@ -19,11 +19,11 @@ export interface RowProps extends TdRowProps, StyledProps {
 }
 
 const calcSize = (width: number) => {
-  const smWidth = getCssVarsValue('--td-screen-sm') || 768;
-  const mdWidth = getCssVarsValue('--td-screen-md') || 992;
-  const lgWidth = getCssVarsValue('--td-screen-lg') || 1200;
-  const xlWidth = getCssVarsValue('--td-screen-xl') || 1400;
-  const xxlWidth = getCssVarsValue('--td-screen-xxl') || 1880;
+  const smWidth = parseFloat(getCssVarsValue('--td-screen-sm') || '768');
+  const mdWidth = parseFloat(getCssVarsValue('--td-screen-md') || '992');
+  const lgWidth = parseFloat(getCssVarsValue('--td-screen-lg') || '1200');
+  const xlWidth = parseFloat(getCssVarsValue('--td-screen-xl') || '1400');
+  const xxlWidth = parseFloat(getCssVarsValue('--td-screen-xxl') || '1880');
 
   let size = 'xs';
   if (width >= xxlWidth) {