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

@@ -27,7 +27,7 @@ function IconFrame({
className
)}
style={{
left: "1rem",
left: "0.875rem",
width: "0.625rem",
height: "0.625rem",
transform: "translate(-50%, -50%)",
@@ -141,13 +141,12 @@ export function SidebarStatusIcon({
return (
<IconFrame colorClass="text-sidebar-primary/40" className={className}>
<svg
width="0.45rem"
height="0.45rem"
viewBox="0 0 12 12"
width="0.625rem"
height="0.625rem"
viewBox="0 0 10 10"
preserveAspectRatio="xMidYMid meet"
style={{ overflow: "visible" }}
>
<circle cx="6" cy="6" r="5" fill="currentColor" />
<circle cx="5" cy="5" r="3" fill="currentColor" />
</svg>
</IconFrame>
)