refactor(shadow): introduce shadow-card utility and extend tailwind-merge

This commit is contained in:
zetaloop
2026-02-25 19:31:39 +08:00
parent feef03670a
commit c55d533925
26 changed files with 63 additions and 52 deletions
+7 -7
View File
@@ -65,7 +65,7 @@ function ShopManagementContent({
</div>
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-sm font-medium"></CardTitle>
<ListOrdered className="h-4 w-4 text-muted-foreground" />
@@ -74,7 +74,7 @@ function ShopManagementContent({
<div className="text-2xl font-bold">{shop.totalOrders}</div>
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-sm font-medium"></CardTitle>
<Star className="h-4 w-4 text-muted-foreground" />
@@ -83,7 +83,7 @@ function ShopManagementContent({
<div className="text-2xl font-bold">{shop.rating}</div>
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-sm font-medium"></CardTitle>
<Users className="h-4 w-4 text-muted-foreground" />
@@ -92,7 +92,7 @@ function ShopManagementContent({
<div className="text-2xl font-bold">{shop.playerCount}</div>
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader className="flex flex-row items-center justify-between pb-2">
<CardTitle className="text-sm font-medium"></CardTitle>
<DollarSign className="h-4 w-4 text-muted-foreground" />
@@ -107,7 +107,7 @@ function ShopManagementContent({
</Card>
</div>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base"></CardTitle>
</CardHeader>
@@ -139,7 +139,7 @@ function ShopManagementContent({
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base"></CardTitle>
</CardHeader>
@@ -184,7 +184,7 @@ function ShopManagementContent({
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base"></CardTitle>
</CardHeader>