优化会话列表显示效果

This commit is contained in:
xintaofei
2026-03-22 12:43:55 +08:00
parent deeb91b69f
commit 7174ac8d4c
3 changed files with 11 additions and 12 deletions

View File

@@ -44,7 +44,7 @@
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent: oklch(0.94 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
@@ -78,7 +78,7 @@
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent: oklch(0.28 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
@@ -108,7 +108,7 @@
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent: oklch(0.28 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);

View File

@@ -117,9 +117,10 @@ export const SidebarConversationCard = memo(function SidebarConversationCard({
onClick={handleClick}
onDoubleClick={handleDblClick}
className={cn(
"w-full text-left px-3 py-2.5 rounded-md transition-colors",
"hover:bg-sidebar-accent/50",
isSelected && "bg-sidebar-accent text-sidebar-accent-foreground"
"w-full text-left px-3 py-2.5 mb-1 rounded-md transition-colors",
isSelected
? "bg-sidebar-accent text-sidebar-accent-foreground"
: "hover:bg-sidebar-accent/50"
)}
>
<div className="flex items-center gap-1.5 min-w-0">

View File

@@ -72,7 +72,7 @@ type FlatItem =
| { type: "conversation"; conversation: DbConversationSummary }
const HEADER_HEIGHT = 32
const CARD_HEIGHT = 58
const CARD_HEIGHT = 62
const GroupHeader = memo(function GroupHeader({
status,
@@ -102,9 +102,7 @@ const GroupHeader = memo(function GroupHeader({
className={cn("w-2 h-2 rounded-full shrink-0", STATUS_COLORS[status])}
/>
<span>{tStatus(status)}</span>
<span className="ml-auto text-muted-foreground/60 tabular-nums">
{count}
</span>
<span className="text-muted-foreground/60 tabular-nums">({count})</span>
</button>
)
})
@@ -148,8 +146,8 @@ const PendingReviewHeader = memo(function PendingReviewHeader({
)}
/>
<span>{tStatus("pending_review")}</span>
<span className="ml-auto text-muted-foreground/60 tabular-nums">
{count}
<span className="text-muted-foreground/60 tabular-nums">
({count})
</span>
</button>
</ContextMenuTrigger>