🎨 style: make the sidebar scrollable

2024-03-06 21:03:01 +07:00 · 2024-03-06 21:03:01 +07:00 · 02500b3cba
commit 02500b3cba
parent 4c8d0e2436
1 changed files with 6 additions and 3 deletions
--- a/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
+++ b/packages/frontend/src/components/shared/Sidebar/Sidebar.tsx
@ -96,9 +96,12 @@ export const Sidebar = ({ mobileOpen }: SidebarProps) => {
      animate={{ x: isDesktop || mobileOpen ? 0 : -320 }}
      exit={{ x: -320 }}
      transition={{ ease: 'easeInOut', duration: 0.3 }}
-      className={cn('h-full flex-none w-[320px] flex flex-col', {
+      className={cn(
+        'h-full flex-none w-[320px] flex flex-col overflow-y-auto',
+        {
          flex: mobileOpen,
-      })}
+        },
+      )}
    >
      <div
        className={cn(