[website] Hide scrollbars of hero containers (#29474)

Co-authored-by: Benny Joo <[email protected]> Co-authored-by: danilo leal <[email protected]>
mui · Feb 2, 2022 · 68b8464 · 68b8464
1 parent f3848ef
commit 68b8464
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
@@ -124,7 +124,7 @@ export default function Hero() {
         p: 3,
         ml: 2,
         minWidth: 2000,
-        overflowY: 'auto',
+        overflow: 'scroll',
         '& > div': {
           width: 360,
           display: 'inline-flex',

diff --git a/docs/src/components/productCore/CoreHero.tsx b/docs/src/components/productCore/CoreHero.tsx
@@ -217,6 +217,7 @@ export default function Hero() {
         p: 3,
         minWidth: 2000,
         flexDirection: 'column',
+        overflow: 'scroll',
       }}
       right={
         <ThemeProvider

diff --git a/docs/src/components/productX/XHero.tsx b/docs/src/components/productX/XHero.tsx
@@ -68,6 +68,7 @@ export default function XHero() {
       }
       rightSx={{
         p: { md: 2, lg: 3, xl: 4 },
+        overflow: 'scroll',
       }}
       right={
         <React.Fragment>

diff --git a/docs/src/layouts/HeroContainer.tsx b/docs/src/layouts/HeroContainer.tsx
@@ -47,7 +47,7 @@ export default function HeroContainer({
                 borderBottomLeftRadius: 10,
                 transition: 'max-height 0.3s',
                 position: 'relative',
-                overflowX: 'hidden',
+                overflow: 'hidden',
                 ...rightSx,
               }}
             >