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