Added sidebare.vue scrollbar

src/views/main/SideBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <aside class="relative h-full">
+  <aside class="relative h-full overflow-y-auto custom-scrollbar">
 
     <nav class="h-full grid grid-rows-[60px_1fr_auto]">
       <div></div>
@@ -49,17 +49,14 @@
                 ARPS
               </div>
             </RouterLink>
-
           </li>
         </ul>
       </div>
 
-
       <div class="border-t w-full py-10">
         <SiteMenu></SiteMenu>
       </div>
     </nav>
-
   </aside>
 </template>
 
@@ -79,6 +76,11 @@ h2 {
 aside {
   @apply relative;
 }
+
+.custom-scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: #903175 #f1f1f1;
+}
 </style>
 
 <script setup lang="ts">