Make navbar sticky (#332)

Co-authored-by: Rakshit Sinha <[email protected]>
seanprashad · Sep 19, 2024 · ce00350 · ce00350
1 parent 48c9580
commit ce00350
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/components/Navigation/index.js b/src/components/Navigation/index.js
@@ -15,7 +15,7 @@ import DarkMode from '../Dark-Mode';
 
 const Navigation = () => {
   return (
-    <Navbar className="navbar">
+    <Navbar className="navbar sticky">
       <Container>
         <NavbarBrand
           onClick={() =>

diff --git a/src/components/Navigation/styles.scss b/src/components/Navigation/styles.scss
@@ -1,3 +1,9 @@
+.navbar.sticky {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
 body.light-mode .navbar {
   background-color: #f7f8f9;
   color: #000000;

diff --git a/src/components/Table/styles.scss b/src/components/Table/styles.scss
@@ -62,7 +62,7 @@ body.dark-mode .modal-content {
     > tr th {
       background: white;
       position: sticky;
-      top: 0;
+      top: 50px;
       text-wrap: nowrap;
     }
   }