From 10a3536aed842319cd55b637e4e4fa7ccabffbf4 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Sat, 3 Dec 2022 15:58:23 -0800
Subject: [PATCH] switch back to use100vh

---
 src/pages/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index a1c5e58..3826eed 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -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"}