fix: tabBarGutter missing

close ant-design/ant-design#30526
react-component · May 16, 2021 · df61cb7 · df61cb7 · vercel · May 16, 2021
1 parent 318eaf0
commit df61cb7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/TabNavList/OperationNode.tsx b/src/TabNavList/OperationNode.tsx
@@ -141,7 +141,7 @@ function OperationNode(
 
   // ========================= Render =========================
   const moreStyle: React.CSSProperties = {
-    [rtl ? 'marginLeft' : 'marginRight']: tabBarGutter,
+    [rtl ? 'marginRight' : 'marginLeft']: tabBarGutter,
   };
   if (!tabs.length) {
     moreStyle.visibility = 'hidden';

diff --git a/src/TabNavList/TabNode.tsx b/src/TabNavList/TabNode.tsx
@@ -47,9 +47,9 @@ function TabNode(
 
   const nodeStyle: React.CSSProperties = {};
   if (tabPosition === 'top' || tabPosition === 'bottom') {
-    nodeStyle[rtl ? 'marginLeft' : 'marginRight'] = tabBarGutter;
+    nodeStyle[rtl ? 'marginRight' : 'marginLeft'] = tabBarGutter;
   } else {
-    nodeStyle.marginBottom = tabBarGutter;
+    nodeStyle.marginTop = tabBarGutter;
   }
 
   const removable = editable && closable !== false && !disabled;