fix(sidebar): center guide line under folder chevron and tighten list paddings

- Align conversation guide line and status icon to the folder chevron center (left: 0.875rem)
- Use fixed 1px guide line with darker shade (sidebar-primary/15) for better visibility
- Add bottom border to sidebar title and a top gap above the folder list
- Tighten list horizontal padding to px-2 with matching pt-2 for consistency
- Fill the done status icon frame directly to avoid sub-pixel off-centering
This commit is contained in:
xintaofei
2026-04-21 18:44:20 +08:00
parent 7a6e19097e
commit e567181b58
4 changed files with 12 additions and 13 deletions

View File

@@ -709,7 +709,7 @@ export function SidebarConversationList({
aria-hidden
className="absolute inset-0 right-[0.5rem] bg-sidebar"
/>
<div className="relative pl-[0.625rem] pr-[0.625rem]">
<div className="relative px-2">
<FolderHeader
key={`sticky-${stickyFolderItem.folderId}`}
folderId={stickyFolderItem.folderId}
@@ -731,7 +731,7 @@ export function SidebarConversationList({
)}
<ScrollArea
className={cn(
"h-full min-h-0 pl-[0.625rem] pr-[0.625rem] pt-[0.125rem] pb-[1.25rem]",
"h-full min-h-0 px-2 pb-[1.25rem]",
"[overflow-anchor:none]"
)}
>