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

improve landscape background in portrait orientation

Browse Source
This commit is contained in:
Chuck Dries 2021-09-21 12:26:51 -07:00
parent 8db14fe4b5
commit 21bc7638c4
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/index.js
View File

@ -120,13 +120,13 @@ const IndexPage = ({
className={classnames( className={classnames(
"font-serif", "font-serif",
isLandscape isLandscape
? "landscape:grid portrait:flex portrait:flex-col" ? "landscape:grid portrait:h-screen portrait:flex flex-col justify-evenly"
: "portrait:grid landscape:flex landscape:flex-row" : "portrait:grid landscape:flex flex-row"
)} )}
> >
<div <div
className={classnames( className={classnames(
"flex flex-auto flex-col items-center justify-between", "landscape:flex-auto flex flex-col items-center justify-between",
isLandscape ? "portrait:items-center" : "landscape:justify-center" isLandscape ? "portrait:items-center" : "landscape:justify-center"
)} )}
style={{ gridArea: "1/1" }} style={{ gridArea: "1/1" }}
@ -171,6 +171,7 @@ const IndexPage = ({
shuffleImage={shuffleImage} shuffleImage={shuffleImage}
/> />
</div> </div>
{/* <div className={isLandscape ? 'hidden portrait:block' : 'hidden'}></div> */}
</div> </div>
{isClient ? ( {isClient ? (
<GatsbyImage <GatsbyImage