From dcae5b0822c763529277d4c86546e5a9b77e0b13 Mon Sep 17 00:00:00 2001
From: Kevin Wu <kevinwu098@gmail.com>
Date: Thu, 9 May 2024 14:47:32 -0700
Subject: [PATCH] feat: revert sticky nav (#118)

* feat: conditionally apply sticky nav

* feat: remove sticky nav
---
 src/app/components/Nav/Nav.js   | 25 +++++++++++++++++++++----
 src/app/components/Nav/Nav.scss |  6 ------
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/app/components/Nav/Nav.js b/src/app/components/Nav/Nav.js
index 9f7692de..3b142567 100644
--- a/src/app/components/Nav/Nav.js
+++ b/src/app/components/Nav/Nav.js
@@ -32,7 +32,12 @@ const Nav = () => {
 										href={link}
 										className="item social center"
 									>
-										<Icon w="24" h="24" hoverable src={icons.nav} />
+										<Icon
+											w="24"
+											h="24"
+											hoverable
+											src={icons.nav}
+										/>
 									</a>
 								))}
 							</>
@@ -73,8 +78,17 @@ const Nav = () => {
 							<>
 								<Space w="8" />
 								{socials.map(({ name, icons, link }) => (
-									<a key={name} href={link} className="item social center">
-										<Icon w="24" h="24" hoverable src={icons.nav} />
+									<a
+										key={name}
+										href={link}
+										className="item social center"
+									>
+										<Icon
+											w="24"
+											h="24"
+											hoverable
+											src={icons.nav}
+										/>
 									</a>
 								))}
 							</>
@@ -112,7 +126,10 @@ const Nav = () => {
 								<Text size="L">{label}</Text>
 							</Link>
 						))}
-						<Link to="/join" className="item center button fill sky">
+						<Link
+							to="/join"
+							className="item center button fill sky"
+						>
 							<Text size="L">Join</Text>
 						</Link>
 					</div>
diff --git a/src/app/components/Nav/Nav.scss b/src/app/components/Nav/Nav.scss
index 5e56a43d..efbfaa09 100644
--- a/src/app/components/Nav/Nav.scss
+++ b/src/app/components/Nav/Nav.scss
@@ -1,11 +1,5 @@
 @import "app/styles/variables";
 
-nav {
-	position: sticky;
-	top: 0;
-	z-index: 1000;
-}
-
 #navSpacer {
 	height: 88px;
 	display: block;