Added overlay to sides of Banner

ElMaxito · Nov 16, 2024 · 736084f · 736084f
1 parent f09461f
commit 736084f
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/components/layout/Banner.tsx b/components/layout/Banner.tsx
@@ -15,7 +15,14 @@ export default function Banner() {
             priority
             className="w-full h-auto"
           />
+          {/* Bottom gradient */}
           <div className="absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-black to-transparent" />
+
+          {/* Left gradient */}
+          <div className="absolute top-0 left-0 bottom-0 w-16 bg-gradient-to-r from-black to-transparent" />
+
+          {/* Right gradient */}
+          <div className="absolute top-0 right-0 bottom-0 w-16 bg-gradient-to-l from-black to-transparent" />
         </div>
       </div>
     </div>