From 7e05dfa0d9a49209d69d61e5e0d9bfa4bcdbf2ed Mon Sep 17 00:00:00 2001
From: jc <46619361+juancwu@users.noreply.github.com>
Date: Tue, 4 Feb 2025 19:20:42 -0500
Subject: [PATCH] make navigation bar sticky in project form pages

---
 frontend/src/pages/admin/_auth/projects/$projectId.review.tsx | 3 ++-
 frontend/src/pages/user/_auth/project/$projectId.form.tsx     | 3 ++-
 frontend/src/pages/user/_auth/project/$projectId.view.tsx     | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/admin/_auth/projects/$projectId.review.tsx b/frontend/src/pages/admin/_auth/projects/$projectId.review.tsx
index c8b35575..cbce9651 100644
--- a/frontend/src/pages/admin/_auth/projects/$projectId.review.tsx
+++ b/frontend/src/pages/admin/_auth/projects/$projectId.review.tsx
@@ -187,7 +187,7 @@ function RouteComponent() {
 
     return (
         <div>
-            <nav className="h-24 border-b border-gray-300">
+            <nav className="fixed top-0 left-0 right-0 z-50 bg-white h-24 border-b border-gray-300">
                 <ul className="flex items-center pl-4 h-full">
                     <li>
                         <Link to="/admin/dashboard">
@@ -201,6 +201,7 @@ function RouteComponent() {
                     </li>
                 </ul>
             </nav>
+            <div className="h-24"></div>
             <SectionedLayout
                 asideTitle="Submit a project"
                 linkContainerClassnames="top-36"
diff --git a/frontend/src/pages/user/_auth/project/$projectId.form.tsx b/frontend/src/pages/user/_auth/project/$projectId.form.tsx
index de58b9a9..c147d2d8 100644
--- a/frontend/src/pages/user/_auth/project/$projectId.form.tsx
+++ b/frontend/src/pages/user/_auth/project/$projectId.form.tsx
@@ -511,7 +511,7 @@ function ProjectFormPage() {
 
     return (
         <div>
-            <nav className="h-24 border-b border-gray-300">
+            <nav className="fixed top-0 left-0 right-0 z-50 bg-white h-24 border-b border-gray-300">
                 <ul className="flex items-center pl-4 h-full">
                     <li>
                         <Link to="/user/dashboard">
@@ -525,6 +525,7 @@ function ProjectFormPage() {
                     </li>
                 </ul>
             </nav>
+            <div className="h-24"></div>
             <SectionedLayout
                 asideTitle="Submit a project"
                 linkContainerClassnames="top-36"
diff --git a/frontend/src/pages/user/_auth/project/$projectId.view.tsx b/frontend/src/pages/user/_auth/project/$projectId.view.tsx
index 6637821e..e86dd0b4 100644
--- a/frontend/src/pages/user/_auth/project/$projectId.view.tsx
+++ b/frontend/src/pages/user/_auth/project/$projectId.view.tsx
@@ -182,7 +182,7 @@ function RouteComponent() {
 
     return (
         <div>
-            <nav className="h-24 border-b border-gray-300">
+            <nav className="fixed top-0 left-0 right-0 z-50 bg-white h-24 border-b border-gray-300">
                 <ul className="flex items-center pl-4 h-full">
                     <li>
                         <Link to="/user/dashboard">
@@ -196,6 +196,7 @@ function RouteComponent() {
                     </li>
                 </ul>
             </nav>
+            <div className="h-24"></div>
             <SectionedLayout
                 asideTitle="Submit a project"
                 linkContainerClassnames="top-36"