make navigation bar sticky in project form pages

KonferCA · Feb 5, 2025 · 7e05dfa · 7e05dfa
1 parent 5977275
commit 7e05dfa
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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"