style(cards): normalize card list layout and padding across pages

This commit is contained in:
zetaloop
2026-02-25 15:01:15 +08:00
parent 0cf2d272c9
commit f8659b5ebc
3 changed files with 39 additions and 31 deletions
+4 -4
View File
@@ -16,15 +16,15 @@ export default function ChatListPage() {
<div className="container mx-auto max-w-2xl px-4 py-8 space-y-6">
<h1 className="text-2xl font-bold"></h1>
<div className="space-y-4">
<div className="flex flex-col gap-3">
{sessions.map((session) => {
const other =
session.participants.find((participant) => participant.id !== userId) ??
session.participants[0]
return (
<Link key={session.id} href={`/chat/${session.id}`}>
<Card>
<CardContent className="flex items-center gap-3 py-3">
<Link key={session.id} href={`/chat/${session.id}`} className="block">
<Card className="p-0 hover:bg-muted/50 transition-colors">
<CardContent className="flex items-center gap-3 p-4">
<Avatar className="h-10 w-10">
<AvatarImage src={other.avatar} />
<AvatarFallback>{other.name[0]}</AvatarFallback>