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

switch back to use100vh

Browse Source
This commit is contained in:
Chuck Dries 2022-12-03 15:58:23 -08:00
parent 5d3e8d21b2
commit 10a3536aed
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/index.tsx
View File

@ -8,7 +8,7 @@ import classnames from "classnames";
import { getHelmetSafeBodyStyle, getAspectRatio } from "../utils";
import Nav from "../components/Nav";
// import ActionButtons from "../components/index/ActionButtons";
// import { use100vh } from "react-div-100vh";
import { use100vh } from "react-div-100vh";
import { useMediaQuery } from "../useMediaQuery";
const env =
@ -59,7 +59,7 @@ const IndexPage = ({
// const vibrant = getVibrant(image);
// const ar = getAspectRatio(image);
// const screenHeight = use100vh();
const screenHeight = use100vh();
// const imageIsLandscape = isClient ? ar > 1 : true;
@ -97,7 +97,7 @@ const IndexPage = ({
>
<GatsbyImage
alt=""
className="h-[calc(100vh-160px)]" // reeeeee
className={screenHeight ? `${screenHeight - 160}px`: 'h-[calc(100vh-160px)]'}
image={img!}
loading="eager"
objectFit={browserIsLandscape ? "cover" : "contain"}