fix: add overflow hidden to candles tab container

2023-09-15 12:36:56 +02:00
2 changed files with 5 additions and 1 deletions
@@ -56,6 +56,7 @@ const MainGrid = memo(
                <Tabs storageKey="console-trade-grid-main-left">
                  <Tab
                    id="chart"
+                    overflowHidden
                    name={t('Chart')}
                    menu={<TradingViews.candles.menu />}
                  >
@@ -113,7 +113,9 @@ export const Tabs = ({
          return (
            <TabsPrimitive.Content
              value={child.props.id}
-              className="h-full"
+              className={classNames('h-full', {
+                'overflow-hidden': child.props.overflowHidden,
+              })}
              data-testid={`tab-${child.props.id}`}
            >
              {child.props.children}
@@ -131,6 +133,7 @@ interface TabProps {
  name: string;
  indicator?: ReactNode;
  hidden?: boolean;
+  overflowHidden?: boolean;
  menu?: ReactNode;
 }