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