Updated Navbar

Author: AuraOfDivinity

src/assets/svgs/NavigationIcons/Account.svg

@@ -1,13 +1,17 @@
-.overall_container{
+.overall_container {
   display: flex;
   .main_navigation {
-    left: -1px;
-    top: -1px;
-    height: 100vh;
-    border-right: 1px solid #CCCCCC;
-    box-sizing: border-box;
+    background: #f5f5f5;
+    flex-grow: 1;
+    border-right: solid 1px #dfe9f1;
+    position: fixed;
+    top: 0px;
+    bottom: 0px;
+    left: 0px;
+    overflow-y: scroll;
   }
   .org_settings_view {
+    margin-left: 13vw;
     margin-top: 35px;
     .main_section {
       display: flex;
@@ -20,15 +24,15 @@
         height: 50%;
         margin-top: 16px;
         margin-left: 10px;
-         .header_text {
-           font-family: Inter;
-           font-style: normal;
-           font-weight: 500;
-           font-size: 18px;
-           line-height: 21px;
-           letter-spacing: 0.25px;
-           color: #9E9E9E;
-         }
+        .header_text {
+          font-family: Inter;
+          font-style: normal;
+          font-weight: 500;
+          font-size: 18px;
+          line-height: 21px;
+          letter-spacing: 0.25px;
+          color: #9e9e9e;
+        }
       }
 
       .right_section {
@@ -40,29 +44,29 @@
     }
   }
 }
-// mobile 
+// mobile
 @media screen and (max-width: 768px) {
-  .overall_container{
+  .overall_container {
     .org_settings_view {
-     .main_section {
-       .left_nav {
-         .navigation {
-           .list-group {
-             .link {
-               display: none;
-             }
-             .header_text {
-               font-size: 10px;
-             }
-           }
-         }
-       }
-     }
+      .main_section {
+        .left_nav {
+          .navigation {
+            .list-group {
+              .link {
+                display: none;
+              }
+              .header_text {
+                font-size: 10px;
+              }
+            }
+          }
+        }
+      }
     }
   }
 }
 
-// tablet 
+// tablet
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .overall_container {
     .org_settings_view {
@@ -79,4 +83,8 @@
       }
     }
   }
-}
+}
+
+.main_navigation::-webkit-scrollbar {
+  display: none;
+}

src/assets/svgs/NavigationIcons/Dashboard.svg

@@ -4,16 +4,17 @@
   height: auto;
   font-family: Muli, sans-serif;
   .navigation {
-    background: #f5f5f5;;
+    background: #f5f5f5;
     flex-grow: 1;
     border-right: solid 1px #dfe9f1;
     position: fixed;
     top: 0px;
     bottom: 0px;
     left: 0px;
+    overflow-y: scroll;
   }
   .news {
-    margin-left: 10%;
+    margin-left: 13vw;
     flex-grow: 4;
     .notify-user {
       display: flex;
@@ -27,3 +28,7 @@
     padding: 20px 12px 20px 0px;
   }
 }
+
+.navigation::-webkit-scrollbar {
+  display: none;
+}