From d97ff653321624b5b79e08f4937b32b76300105b Mon Sep 17 00:00:00 2001
From: "Gustavo \"Guz\" L. de Mello" <contact.guz013@gmail.com>
Date: Fri, 7 Jun 2024 16:06:57 -0300
Subject: [PATCH] fix: navbar shadow is too big on mobile

---
 components/nav.templ | 7 +++++--
 pages/homepage.templ | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/nav.templ b/components/nav.templ
index 1b12c52..29ce002 100644
--- a/components/nav.templ
+++ b/components/nav.templ
@@ -15,8 +15,11 @@ templ Nav(links []Link) {
 		class="h-0 w-0 pointer-events-none bg-transparent!"
 	>
 		<div
-			class="fixed left-0 top-0 w-screen h-20vh bg-transparent bg-gradient-to-b from-black from-20% z-100"
-		></div>
+			class="fixed left-0 top-0 w-screen z-100"
+		>
+			<div class="h-4rem bg-black z-100"></div>
+			<div class="h-10vh bg-transparent bg-gradient-to-b from-black z-100"></div>
+		</div>
 	</div>
 	<section
 		class="flex flex-row justify-between fixed top-0 font-cal w-90% lg:w-80% xl:w-90% z-110"
diff --git a/pages/homepage.templ b/pages/homepage.templ
index fde0987..c3346a6 100644
--- a/pages/homepage.templ
+++ b/pages/homepage.templ
@@ -69,7 +69,7 @@ templ Homepage() {
 		})
 		<div class="w-screen h-screen overflow-y-scroll snap-y">
 			<header
-				class="h-screen w-screen flex justify-center items-center"
+				class="h-screen w-screen flex justify-center items-center snap-start"
 				id="about"
 			>
 				<div class="flex flex-col lg:flex-row lg:justify-between lg:gap-5rem w-90% lg:w-80% xl:w-60%">