💄 update scrollbar styles

Author: marcode24

src/app/core/components/sidebar/sidebar.component.html

@@ -7,7 +7,7 @@
   </div>
   <ul class="items">
     <li class="item">
-      <a routerLink="/" routerLinkActive="active">
+      <a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
         <i class='bx bx-customize'></i>
         <span class="name">Home</span>
       </a>

src/app/shared/modals/upload-files/upload-files.component.scss

@@ -31,7 +31,7 @@
   }
 
   &::-webkit-scrollbar-thumb:hover {
-    background-color: var(--bg-hover-2);
+    background-color: var(--bg-hover-1);
   }
 }
 

src/styles.scss

@@ -40,6 +40,26 @@ body.modal-open {
   padding-right: 15px;
 }
 
+::-webkit-scrollbar {
+  width: 7px;
+  height: 5px;
+  border: 1px solid var(--bg-2);
+}
+
+::-webkit-scrollbar-track {
+  background: var(--bg-2);
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--bg-hover-1);
+  border-radius: 20px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--bg-hover-1);
+}
+
+
 .wrapper {
 
   & .container {