chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix horizontal scroll on gallery page

Browse Source
This commit is contained in:
Chuck Dries 2022-07-13 22:04:44 -07:00
parent c66eb66981
commit 187b8f7b23
3 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
gatsby-browser.js
View File

@ -35,6 +35,7 @@ export const wrapRootElement = ({ element }) => (
background: "unset", background: "unset",
color: "unset", color: "unset",
}} }}
UNSAFE_className="overflow-x-hidden"
colorScheme="dark" colorScheme="dark"
scale="medium" scale="medium"
theme={darkTheme} theme={darkTheme}

1
gatsby-ssr.js
View File

@ -10,6 +10,7 @@ export const wrapRootElement = ({ element }) => (
background: "unset", background: "unset",
color: "unset", color: "unset",
}} }}
UNSAFE_className="overflow-x-hidden"
colorScheme="dark" colorScheme="dark"
scale="medium" scale="medium"
theme={darkTheme} theme={darkTheme}

2
src/components/MasonryGallery.js
View File

@ -75,7 +75,7 @@ const MasonryGallery = ({
return ( return (
<> <>
<div <div
className="w-full flex items-center flex-wrap" className="flex items-center flex-wrap"
style={{ style={{
position: "relative", position: "relative",
}} }}