style(pages): extend proto2 styling to core flows

This commit is contained in:
zetaloop
2026-02-25 04:45:57 +08:00
parent e7eb86bf7e
commit 7bf1338b39
5 changed files with 10 additions and 9 deletions
+4 -4
View File
@@ -34,7 +34,7 @@ export default async function PlayerDetailPage({ params }: { params: Promise<{ i
<div className="container mx-auto py-8 px-4 max-w-5xl">
<div className="flex flex-col md:flex-row gap-8 mb-8">
<div className="flex-shrink-0">
<Avatar className="w-32 h-32 border-4 border-background shadow-lg">
<Avatar className="w-32 h-32 border-4 border-background shadow-[var(--shadow-card)]">
<AvatarImage src={player.user.avatar} alt={player.user.nickname} />
<AvatarFallback>{player.user.nickname[0]}</AvatarFallback>
</Avatar>
@@ -75,7 +75,7 @@ export default async function PlayerDetailPage({ params }: { params: Promise<{ i
<FavoriteButton initialFavorited={false} targetType="player" targetId={player.id} />
</div>
<div className="bg-muted/50 p-4 rounded-lg">
<div className="bg-muted/50 p-4 rounded-xl">
<p className="text-sm leading-relaxed">
{player.user.bio || "这个打手很懒,什么都没写~"}
</p>
@@ -112,7 +112,7 @@ export default async function PlayerDetailPage({ params }: { params: Promise<{ i
{playerServices.map((service) => (
<Card
key={service.id}
className="flex flex-col h-full hover:shadow-md transition-shadow"
className="flex flex-col h-full"
>
<CardHeader>
<div className="flex justify-between items-start">
@@ -190,7 +190,7 @@ export default async function PlayerDetailPage({ params }: { params: Promise<{ i
</div>
<p className="text-sm text-foreground/90">{review.content}</p>
{review.sealed && (
<div className="flex items-center gap-1 text-xs text-green-600 bg-green-50 w-fit px-2 py-1 rounded">
<div className="flex items-center gap-1 text-xs text-green-600 bg-green-50 w-fit px-2 py-1 rounded-full">
<CheckCircle className="w-3 h-3" />
<span></span>
</div>