From fe10af7d800a75771c76bf7036e075950ab8650e Mon Sep 17 00:00:00 2001
From: thatmattlove <matt@stunninglyclear.com>
Date: Wed, 14 Aug 2024 16:49:06 -0400
Subject: [PATCH] adjust Hero min-height when body is empty

---
 src/components/hero/hero.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/hero/hero.tsx b/src/components/hero/hero.tsx
index c85ad6f..68c08f7 100644
--- a/src/components/hero/hero.tsx
+++ b/src/components/hero/hero.tsx
@@ -18,8 +18,10 @@ export const Hero = (props: HeroProps) => {
   const bg = useGradient();
   const fnTitle = useTitleCase();
 
+  const minH = body === null ? "20vh" : "40vh";
+
   return (
-    <Container className="__hero" layerStyle="container" {...bg} {...rest}>
+    <Container className="__hero" layerStyle="container" {...bg} {...rest} minH={minH}>
       <Flex flexDir="column" alignItems="center" mt={[4, 4, 8]}>
         <Flex
           textAlign={{ base: "left", md: "center" }}