Merge pull request #1142 from datum-cloud/fix/mobile-nav-on-mobile

Fix: Add hero container ID and mobile overflow fix

Author: ronggur

src/components/home/Hero.astro

@@ -13,7 +13,10 @@ const { title = '', description = '', class: className } = Astro.props as HeroPr
 
 <header id="hero-header" class:list={['hero--main relative z-11', className]}>
   <Announcement />
-  <div class="bg-midnight-fjord relative aspect-auto h-auto w-full overflow-hidden">
+  <div
+    id="hero-container"
+    class="bg-midnight-fjord relative aspect-auto h-auto w-full overflow-hidden"
+  >
     <Nav showLoginButton={true} showGithubButton={false} />
 
     {/* Hero text */}

src/v1/styles/components-hero.css

@@ -1,4 +1,8 @@
 @layer components {
+  body.mobile-menu-open #hero-header #hero-container {
+    @apply overflow-visible!;
+  }
+
   .hero--main {
     @apply relative flex flex-col justify-center;