made navbar sticky

Keith-Web3 · May 1, 2023 · fa1945c · fa1945c
1 parent a3dc3e4
commit fa1945c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/sass/shared/board.scss b/src/sass/shared/board.scss
@@ -29,6 +29,10 @@
     box-shadow: 0px 4px 6px rgba(54, 78, 126, 0.101545);
     cursor: pointer;
 
+    &:last-child {
+      margin-bottom: 0;
+    }
+
     p:first-child {
       font-weight: 700;
       font-size: 1.2rem;

diff --git a/src/sass/shared/navbar.scss b/src/sass/shared/navbar.scss
@@ -17,7 +17,6 @@
     width: max-content;
     background-color: $white;
     box-shadow: 0 2px 1px $gray-200;
-    padding-top: $spacer;
   }
 
   &__container {
@@ -33,8 +32,11 @@
       margin: 0;
       display: flex;
       flex-direction: column;
-      height: 100%;
+      min-height: 100vh;
       padding-block: 0;
+      padding-top: $spacer;
+      position: sticky;
+      top: 0;
     }
   }
   &__header {