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

style(colors): replace hard-coded whites with semantic tokens

Browse Source
This commit is contained in:
zetaloop
2026-02-25 03:30:20 +08:00
parent b944847fbd
commit a1f3ea3914
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(main)/search/page.tsx
+2 -2
View File
@@ -90,7 +90,7 @@ function PlayerCard({ player }: { player: Player }) {
<Card className="h-full hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col">
<CardHeader className="p-4 pb-2 flex flex-row items-start justify-between space-y-0">
<div className="flex items-center gap-3">
<Avatar className="h-12 w-12 border-2 border-white shadow-sm">
<Avatar className="h-12 w-12 border-2 border-background shadow-sm">
<AvatarImage src={player.user.avatar} alt={player.user.nickname} />
<AvatarFallback>{player.user.nickname.slice(0, 2)}</AvatarFallback>
</Avatar>
@@ -179,7 +179,7 @@ function ShopCard({ item }: { item: ShopResultItem }) {
<Card className="h-full hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col">
<CardHeader className="p-4 pb-2 flex flex-row items-start justify-between space-y-0">
<div className="flex items-center gap-3">
<Avatar className="h-12 w-12 border-2 border-white shadow-sm">
<Avatar className="h-12 w-12 border-2 border-background shadow-sm">
<AvatarImage src={item.shop.owner.avatar} alt={item.shop.name} />
<AvatarFallback>{item.shop.name.slice(0, 2)}</AvatarFallback>
</Avatar>
app/(main)/shop/[id]/page.tsx
+1 -1
View File
@@ -46,7 +46,7 @@ export default async function ShopPage({ params }: PageProps) {
<div className="w-full h-full bg-gradient-to-r from-primary/20 to-primary/10" />
)}
<div className="absolute inset-0 bg-black/40 flex items-center justify-center">
<h1 className="text-3xl md:text-5xl font-bold text-white text-center px-4">
<h1 className="text-3xl md:text-5xl font-bold text-primary-foreground text-center px-4">
{shop.name}
</h1>
</div>