fix horizontal scroll on gallery page

2022-07-13 22:04:44 -07:00 · 2022-07-13 22:04:44 -07:00 · 187b8f7b23
commit 187b8f7b23
parent c66eb66981
3 changed files with 3 additions and 1 deletions
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@ -35,6 +35,7 @@ export const wrapRootElement = ({ element }) => (
        background: "unset",
        color: "unset",
      }}
+      UNSAFE_className="overflow-x-hidden"
      colorScheme="dark"
      scale="medium"
      theme={darkTheme}
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@ -10,6 +10,7 @@ export const wrapRootElement = ({ element }) => (
        background: "unset",
        color: "unset",
      }}
+      UNSAFE_className="overflow-x-hidden"
      colorScheme="dark"
      scale="medium"
      theme={darkTheme}
--- a/src/components/MasonryGallery.js
+++ b/src/components/MasonryGallery.js
@ -75,7 +75,7 @@ const MasonryGallery = ({
  return (
    <>
      <div
-        className="w-full flex items-center flex-wrap"
+        className="flex items-center flex-wrap"
        style={{
          position: "relative",
        }}