refactor(shadow): introduce shadow-card utility and extend tailwind-merge
This commit is contained in:
@@ -44,7 +44,7 @@ export default function ShopOrdersPage() {
|
||||
</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" />
|
||||
@@ -53,7 +53,7 @@ export default function ShopOrdersPage() {
|
||||
<div className="text-2xl font-bold">{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>
|
||||
<Clock className="h-4 w-4 text-muted-foreground" />
|
||||
@@ -62,7 +62,7 @@ export default function ShopOrdersPage() {
|
||||
<div className="text-2xl font-bold">{activeOrders}</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>
|
||||
<CheckCircle className="h-4 w-4 text-muted-foreground" />
|
||||
@@ -71,7 +71,7 @@ export default function ShopOrdersPage() {
|
||||
<div className="text-2xl font-bold">{completedOrders}</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>
|
||||
<AlertCircle className="h-4 w-4 text-muted-foreground" />
|
||||
@@ -82,7 +82,7 @@ export default function ShopOrdersPage() {
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<Card className="hover:shadow-[var(--shadow-card)]">
|
||||
<Card className="hover:shadow-card-hover">
|
||||
<CardHeader>
|
||||
<CardTitle>订单列表</CardTitle>
|
||||
</CardHeader>
|
||||
|
||||
Reference in New Issue
Block a user