Fix overflow of hero image (#405)

fiberplane · Dec 10, 2024 · 07c4a09 · 07c4a09
1 parent 6c80ff5
commit 07c4a09
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/www/src/components/Hero.astro b/www/src/components/Hero.astro
@@ -12,7 +12,7 @@ if (image && "file" in image) {
 }
 ---
 
-<section>
+<section data-hero>
   <div class="hero-content">
     <header>
       <h1>{title}</h1>
@@ -75,6 +75,10 @@ if (image && "file" in image) {
 <style>
   html[data-has-hero] body {
     --sl-content-width: 102rem;
+
+    *:has(* > [data-hero]) {
+      overflow-x: clip;
+    }
   }
 
   section {