fix: made sidebar links area scrollable

This commit is contained in:
Shariq Ansari 2023-10-19 17:05:59 +05:30
parent 05bfad9086
commit f9f446a21b

View File

@ -3,8 +3,9 @@
class="flex h-full flex-col justify-between transition-all duration-300 ease-in-out" class="flex h-full flex-col justify-between transition-all duration-300 ease-in-out"
:class="isSidebarCollapsed ? 'w-12' : 'w-56'" :class="isSidebarCollapsed ? 'w-12' : 'w-56'"
> >
<div class="flex flex-col"> <div class="flex flex-col overflow-hidden">
<UserDropdown class="p-2" :isCollapsed="isSidebarCollapsed" /> <UserDropdown class="p-2" :isCollapsed="isSidebarCollapsed" />
<div class="flex flex-col overflow-y-auto">
<SidebarLink <SidebarLink
v-for="link in links" v-for="link in links"
:icon="link.icon" :icon="link.icon"
@ -14,6 +15,7 @@
class="mx-2 my-0.5" class="mx-2 my-0.5"
/> />
</div> </div>
</div>
<SidebarLink <SidebarLink
:label="isSidebarCollapsed ? 'Expand' : 'Collapse'" :label="isSidebarCollapsed ? 'Expand' : 'Collapse'"
:isCollapsed="isSidebarCollapsed" :isCollapsed="isSidebarCollapsed"