From f9f446a21b8d6e1f51279aefd7ef5f8c3f01642b Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 19 Oct 2023 17:05:59 +0530
Subject: [PATCH] fix: made sidebar links area scrollable

---
 frontend/src/components/AppSidebar.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/AppSidebar.vue b/frontend/src/components/AppSidebar.vue
index 7fc0af60..8d3fde2b 100644
--- a/frontend/src/components/AppSidebar.vue
+++ b/frontend/src/components/AppSidebar.vue
@@ -3,16 +3,18 @@
     class="flex h-full flex-col justify-between transition-all duration-300 ease-in-out"
     :class="isSidebarCollapsed ? 'w-12' : 'w-56'"
   >
-    <div class="flex flex-col">
+    <div class="flex flex-col overflow-hidden">
       <UserDropdown class="p-2" :isCollapsed="isSidebarCollapsed" />
-      <SidebarLink
-        v-for="link in links"
-        :icon="link.icon"
-        :label="link.label"
-        :to="link.to"
-        :isCollapsed="isSidebarCollapsed"
-        class="mx-2 my-0.5"
-      />
+      <div class="flex flex-col overflow-y-auto">
+        <SidebarLink
+          v-for="link in links"
+          :icon="link.icon"
+          :label="link.label"
+          :to="link.to"
+          :isCollapsed="isSidebarCollapsed"
+          class="mx-2 my-0.5"
+        />
+      </div>
     </div>
     <SidebarLink
       :label="isSidebarCollapsed ? 'Expand' : 'Collapse'"