Fix overflow of hero image (#405)

fiberplane · Dec 11, 2024 · 7f3d52b · 7f3d52b
1 parent 11a1365
commit 7f3d52b
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 {