Fix leaking yellow glare form hero section

marcoroth · Oct 23, 2023 · c7d744c · c7d744c
1 parent 09e5e62
commit c7d744c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/app/content/pages/index.html.erb b/app/content/pages/index.html.erb
@@ -3,7 +3,7 @@ title: Hotwire.io
 breadcrumb: Home
 ---
 
-<div class="flex flex-col min-h-screen overflow-hidden">
+<div class="flex flex-col min-h-screen">
   <main class="grow">
     <%= render partial: "application/home/hero" %>
     <%= render partial: "application/home/features" %>

diff --git a/app/views/application/_header.html.erb b/app/views/application/_header.html.erb
@@ -1,7 +1,7 @@
-<header class="w-full z-30 mb-12 md:mb-0">
+<header class="w-full z-30 mb-12 md:mb-0 mt-3">
   <div class="max-w-6xl mx-auto px-4 sm:px-6">
     <div class="md:flex items-center justify-between h-16 md:h-20 z-29">
-      <input type="checkbox" id="click" class="hidden peer" hidden>
+      <input type="checkbox" id="click" class="hidden peer">
 
       <div class="flex-wrap flex justify-between py-2">
         <a href="/" aria-label="Hotwire">

diff --git a/app/views/application/home/_hero.html.erb b/app/views/application/home/_hero.html.erb
@@ -1,7 +1,7 @@
 <section>
   <div class="relative max-w-6xl mx-auto px-4 sm:px-6">
     <!-- Illustration -->
-    <div class="absolute inset-0 -z-10 -mx-28 rounded-b-[3rem] pointer-events-none overflow-hidden" aria-hidden="true">
+    <div class="absolute inset-0 -z-10 -mx-28 rounded-b-[3rem] pointer-events-none" aria-hidden="true">
       <div class="absolute left-1/2 -translate-x-1/2 bottom-0 -z-10">
         <img src="<%= image_path("glow-bottom.svg") %>" class="max-w-none" width="2146" height="774" alt="Hero Illustration">
       </div>