From aea652af7690f9dd988307b7db13da500641070a Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Wed, 22 Apr 2026 21:59:55 +0800
Subject: [PATCH] refactor(sidebar): tighten list padding and round
 conversation and folder rows into pills

---
 .../conversations/sidebar-conversation-card.tsx           | 2 +-
 .../conversations/sidebar-conversation-list.tsx           | 8 ++++----
 src/components/layout/sidebar.tsx                         | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/conversations/sidebar-conversation-card.tsx b/src/components/conversations/sidebar-conversation-card.tsx
index 375a7d7..ded7579 100644
--- a/src/components/conversations/sidebar-conversation-card.tsx
+++ b/src/components/conversations/sidebar-conversation-card.tsx
@@ -138,7 +138,7 @@ export const SidebarConversationCard = memo(function SidebarConversationCard({
               onDoubleClick={handleDblClick}
               className={cn(
                 "relative flex h-[1.9375rem] w-full items-center gap-[0.625rem] text-left outline-none",
-                "rounded-[0.375rem] text-sidebar-foreground",
+                "rounded-full text-sidebar-foreground",
                 "transition-colors duration-[120ms]",
                 "pr-[0.5rem] pl-7",
                 isSelected
diff --git a/src/components/conversations/sidebar-conversation-list.tsx b/src/components/conversations/sidebar-conversation-list.tsx
index 53fca1e..b57fcf7 100644
--- a/src/components/conversations/sidebar-conversation-list.tsx
+++ b/src/components/conversations/sidebar-conversation-list.tsx
@@ -150,7 +150,7 @@ const FolderHeader = memo(function FolderHeader({
           <div
             className={cn(
               "flex h-[1.9375rem] w-full items-center",
-              "rounded-[0.4375rem]",
+              "rounded-full",
               "transition-colors duration-150",
               "hover:bg-[color-mix(in_oklab,var(--sidebar-accent),var(--sidebar-foreground)_2%)]"
             )}
@@ -759,9 +759,9 @@ export function SidebarConversationList({
                 >
                   <div
                     aria-hidden
-                    className="absolute inset-0 right-[0.5rem] bg-sidebar"
+                    className="absolute inset-0 right-[0.25rem] bg-sidebar"
                   />
-                  <div className="relative px-2">
+                  <div className="relative px-1">
                     <FolderHeader
                       key={`sticky-${stickyFolderItem.folderId}`}
                       folderId={stickyFolderItem.folderId}
@@ -781,7 +781,7 @@ export function SidebarConversationList({
               )}
               <ScrollArea
                 className={cn(
-                  "h-full min-h-0 px-2 pb-[1.25rem]",
+                  "h-full min-h-0 px-1 pb-[1.25rem]",
                   "[overflow-anchor:none]"
                 )}
               >
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index b4ad180..ed59b56 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -130,7 +130,7 @@ export function Sidebar() {
 
       {/* On mobile, clicking a conversation card auto-closes the Sheet */}
       <div
-        className="flex flex-col flex-1 min-h-0 overflow-hidden pt-2"
+        className="flex flex-col flex-1 min-h-0 overflow-hidden pt-1"
         onClick={
           isMobile
             ? (e) => {