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
@@ -58,7 +58,7 @@ export default function ShopIncomePage() {
<h1 className="text-2xl font-bold"></h1>
<div className="grid gap-4 sm:grid-cols-3">
<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" />
@@ -67,7 +67,7 @@ export default function ShopIncomePage() {
<div className="text-2xl font-bold">¥{totalIncome.toFixed(2)}</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>
<CreditCard className="h-4 w-4 text-muted-foreground" />
@@ -76,7 +76,7 @@ export default function ShopIncomePage() {
<div className="text-2xl font-bold">¥{thisMonthIncome.toFixed(2)}</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>
<ArrowUpRight className="h-4 w-4 text-muted-foreground" />
@@ -87,7 +87,7 @@ export default function ShopIncomePage() {
</Card>
</div>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle></CardTitle>
</CardHeader>