style: 智能复核页面统计卡片添加hover效果

This commit is contained in:
clz
2026-01-25 18:52:13 +08:00
parent bacbabc0a5
commit 6e3756b2e1

View File

@@ -177,7 +177,7 @@
{#if reviewStats && !isLoading}
<!-- 统计卡片 -->
<div class="grid gap-4 md:grid-cols-3">
<Card.Root>
<Card.Root class="transition-all duration-200 hover:shadow-lg hover:-translate-y-1 cursor-default">
<Card.Header class="flex flex-row items-center justify-between space-y-0 pb-2">
<Card.Title class="text-sm font-medium">待复核总数</Card.Title>
<Clock class="h-4 w-4 text-muted-foreground" />
@@ -188,7 +188,7 @@
</Card.Content>
</Card.Root>
<Card.Root class="border-red-200 dark:border-red-900">
<Card.Root class="border-red-200 dark:border-red-900 transition-all duration-200 hover:shadow-lg hover:-translate-y-1 hover:border-red-300 dark:hover:border-red-800 cursor-default">
<Card.Header class="flex flex-row items-center justify-between space-y-0 pb-2">
<Card.Title class="text-sm font-medium">高优先级</Card.Title>
<AlertTriangle class="h-4 w-4 text-red-500" />
@@ -199,7 +199,7 @@
</Card.Content>
</Card.Root>
<Card.Root class="border-yellow-200 dark:border-yellow-900">
<Card.Root class="border-yellow-200 dark:border-yellow-900 transition-all duration-200 hover:shadow-lg hover:-translate-y-1 hover:border-yellow-300 dark:hover:border-yellow-800 cursor-default">
<Card.Header class="flex flex-row items-center justify-between space-y-0 pb-2">
<Card.Title class="text-sm font-medium">低优先级</Card.Title>
<AlertCircle class="h-4 w-4 text-yellow-500" />