fix: tabs block centered with tabsColSizes (#1108)

* fix: tabs block centered with tabsColSizes
gravity-ui · Jan 30, 2025 · 24df569 · 24df569
1 parent 72cb2fa
commit 24df569
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/blocks/Tabs/Tabs.tsx b/src/blocks/Tabs/Tabs.tsx
@@ -11,7 +11,7 @@ import Title from '../../components/Title/Title';
 import {getHeight} from '../../components/VideoBlock/VideoBlock';
 import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
 import {useTheme} from '../../context/theme';
-import {Col, GridColumnOrderClasses, Row} from '../../grid';
+import {Col, GridColumnOrderClasses, GridJustifyContent, Row} from '../../grid';
 import {TabsBlockProps} from '../../models';
 import {block, getThemedValue} from '../../utils';
 import {mergeVideoMicrodata} from '../../utils/microdata';
@@ -22,6 +22,7 @@ import './Tabs.scss';
 
 const b = block('tabs-block');
 
+// eslint-disable-next-line complexity
 export const TabsBlock = ({
     items,
     title,
@@ -149,7 +150,7 @@ export const TabsBlock = ({
                 subtitle={description}
                 className={b('title', {centered: centered})}
             />
-            <Row>
+            <Row justifyContent={centered ? GridJustifyContent.Center : undefined}>
                 <Col sizes={tabsColSizes}>
                     <ButtonTabs
                         items={tabs}