adjust Hero min-height when body is empty

stellaraf · Aug 14, 2024 · fe10af7 · fe10af7
1 parent b1fe57f
commit fe10af7
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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" }}