[WEB-1580] chore: drag handler and sidebar improvement (#4780)

* chore: sidebar width reduced

* chore: drag handler added to project sidebar and ui improvement

* chore: label drag handler added
This commit is contained in:
Anmol Singh Bhatia 2024-06-12 18:25:57 +05:30 committed by GitHub
parent 64619bf5eb
commit 7677f021a9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 64 additions and 27 deletions

View file

@ -32,10 +32,9 @@ export const AppSidebar: FC<IAppSidebar> = observer(() => {
<div
className={`fixed inset-y-0 z-20 flex h-full flex-shrink-0 flex-grow-0 flex-col border-r border-custom-sidebar-border-200 bg-custom-sidebar-background-100
duration-300 md:relative
${sidebarCollapsed ? "-ml-[280px]" : ""}
sm:${sidebarCollapsed ? "-ml-[280px]" : ""}
md:ml-0 ${sidebarCollapsed ? "w-[80px]" : "w-[280px]"}
lg:ml-0 ${sidebarCollapsed ? "w-[80px]" : "w-[280px]"}
${sidebarCollapsed ? "-ml-[250px]" : ""}
sm:${sidebarCollapsed ? "-ml-[250px]" : ""}
md:ml-0 ${sidebarCollapsed ? "w-[70px]" : "w-[250px]"}
`}
>
<div ref={ref} className="flex h-full w-full flex-1 flex-col">