juwan/juwan-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(pages): extend proto2 styling to core flows

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
app/(main)/community/page.tsx
+2 -2
View File
@@ -90,7 +90,7 @@ export default function CommunityPage() {
return (
<Link key={post.id} href={`/post/${post.id}`}>
<Card className="hover:shadow-md transition-shadow">
<Card>
<CardHeader className="pb-3">
<div className="flex items-center gap-3">
<Avatar className="h-9 w-9">
@@ -124,7 +124,7 @@ export default function CommunityPage() {
</div>
)}
{post.linkedOrderId && (
<div className="mt-2 rounded border bg-muted/30 px-3 py-2 text-xs text-muted-foreground space-y-1.5">
<div className="mt-2 rounded-lg border bg-muted/30 px-3 py-2 text-xs text-muted-foreground space-y-1.5">
<div className="flex items-center gap-1.5">
<ClipboardList className="h-3.5 w-3.5" />
关联订单秀单
app/(main)/player/[id]/page.tsx
+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>
app/(main)/shop/[id]/page.tsx
+2 -2
View File
@@ -152,7 +152,7 @@ export default async function ShopPage({ params }: PageProps) {
{service.description}
</p>
{service.rankRange && (
<div className="text-xs bg-muted px-2 py-1 rounded inline-block w-fit">
<div className="text-xs bg-muted px-2 py-1 rounded-md inline-block w-fit">
段位：{service.rankRange}
</div>
)}
@@ -179,7 +179,7 @@ export default async function ShopPage({ params }: PageProps) {
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
{shopPlayers.map((player) => (
<Link key={player.id} href={`/player/${player.id}`}>
<Card className="h-full hover:shadow-md transition-shadow">
<Card className="h-full">
<CardContent className="pt-6 text-center space-y-3">
<div className="relative inline-block">
<Avatar className="w-20 h-20 mx-auto">