refactor: streamline sidebar layout and adjust note/chat limits

- Updated `AppSidebar` to simplify the layout by removing unnecessary div wrappers around `NavChats` and `NavNotes`.
- Adjusted the number of notes and chats displayed in the sidebar from 5 to 4 for a more compact design.
- Modified `SidebarContent` and `SidebarGroup` styles for improved spacing and layout consistency.
This commit is contained in:
Anish Sarkar 2025-12-19 19:36:10 +05:30
parent 79e552520a
commit 60d57305a7
3 changed files with 18 additions and 22 deletions

View file

@ -352,7 +352,7 @@ function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
data-slot="sidebar-content"
data-sidebar="content"
className={cn(
"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
"flex min-h-0 flex-1 flex-col gap-2 overflow-hidden group-data-[collapsible=icon]:overflow-hidden",
className
)}
{...props}
@ -365,7 +365,7 @@ function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
<div
data-slot="sidebar-group"
data-sidebar="group"
className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
className={cn("relative flex w-full min-w-0 flex-col px-2 py-1", className)}
{...props}
/>
);