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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
app/(dashboard)/dashboard/page.tsx
+6 -6
View File
@@ -23,7 +23,7 @@ export default function DashboardPage() {
<h1 className="text-2xl font-bold">概览</h1>
<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" />
@@ -34,7 +34,7 @@ export default function DashboardPage() {
</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" />
@@ -43,7 +43,7 @@ export default function DashboardPage() {
<div className="text-2xl font-bold">{isOwner ? shop.rating : player.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">{isOwner ? "签约打手" : "完成率"}</CardTitle>
{isOwner ? (
@@ -65,7 +65,7 @@ export default function DashboardPage() {
)}
</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">{isOwner ? "本月收入" : "服务数"}</CardTitle>
{isOwner ? (
@@ -82,7 +82,7 @@ export default function DashboardPage() {
</Card>
</div>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader className="flex flex-row items-center justify-between">
<CardTitle className="text-base">最近订单</CardTitle>
<Button variant="ghost" size="sm" asChild>
@@ -114,7 +114,7 @@ export default function DashboardPage() {
</Card>
{!isOwner && (
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base">快捷操作</CardTitle>
</CardHeader>
app/(dashboard)/dashboard/services/new/page.tsx
+1 -1
View File
@@ -145,7 +145,7 @@ export default function NewServicePage() {
返回服务列表
</Link>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle>发布服务</CardTitle>
</CardHeader>
app/(dashboard)/dashboard/services/page.tsx
+1 -1
View File
@@ -54,7 +54,7 @@ export default function ServicesPage() {
</Button>
</div>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base">已发布的服务</CardTitle>
</CardHeader>
app/(dashboard)/dashboard/shop/employees/page.tsx
+1 -1
View File
@@ -83,7 +83,7 @@ export default function EmployeesPage() {
</Button>
</div>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<div className="flex items-center justify-between">
<CardTitle className="text-base">签约打手 ({shopPlayers.length})</CardTitle>
app/(dashboard)/dashboard/shop/income/page.tsx
+4 -4
View File
@@ -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>
app/(dashboard)/dashboard/shop/orders/page.tsx
+5 -5
View File
@@ -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>
app/(dashboard)/dashboard/shop/page.tsx
+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>
app/(dashboard)/dashboard/shop/rules/page.tsx
+3 -3
View File
@@ -66,7 +66,7 @@ function ShopRulesForm({
</div>
<div className="grid gap-6">
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base">员工权限</CardTitle>
</CardHeader>
@@ -100,7 +100,7 @@ function ShopRulesForm({
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base">派单设置</CardTitle>
</CardHeader>
@@ -126,7 +126,7 @@ function ShopRulesForm({
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base">抽成设置</CardTitle>
</CardHeader>
app/(dashboard)/dashboard/shop/templates/page.tsx
+2 -2
View File
@@ -141,7 +141,7 @@ function ShopTemplatesEditor({
</div>
</div>
<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 ShopTemplatesEditor({
</CardContent>
</Card>
<Card className="hover:shadow-[var(--shadow-card)]">
<Card className="hover:shadow-card-hover">
<CardHeader>
<CardTitle className="text-base">提示</CardTitle>
</CardHeader>