test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: made sidebar links area scrollable

Browse Source
This commit is contained in:
Shariq Ansari 2023-10-19 17:05:59 +05:30
parent 05bfad9086
commit f9f446a21b
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/AppSidebar.vue
View File

@ -3,16 +3,18 @@
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" />
<SidebarLink <div class="flex flex-col overflow-y-auto">
v-for="link in links" <SidebarLink
:icon="link.icon" v-for="link in links"
:label="link.label" :icon="link.icon"
:to="link.to" :label="link.label"
:isCollapsed="isSidebarCollapsed" :to="link.to"
class="mx-2 my-0.5" :isCollapsed="isSidebarCollapsed"
/> class="mx-2 my-0.5"
/>
</div>
</div> </div>
<SidebarLink <SidebarLink
:label="isSidebarCollapsed ? 'Expand' : 'Collapse'" :label="isSidebarCollapsed ? 'Expand' : 'Collapse'"