TalexDreamSoul/teatea-pension
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: adopt kumo green ui system

Browse Source
This commit is contained in:
admin
2026-07-02 07:12:31 -07:00
parent 4bb4312b08
commit 0f0bd8813d
32 changed files with 1453 additions and 796 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
modules/dashboard/components/DashboardHome.tsx
View File

@@ -13,6 +13,7 @@ import type { LucideIcon } from "lucide-react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { Table } from "@/components/ui/table";
type Metric = {
label: string;
@@ -112,30 +113,30 @@ export function DashboardHome(): React.ReactElement {
</CardHeader>
<CardContent>
<div className="overflow-hidden rounded-md border">
<table className="w-full text-sm">
<thead className="bg-secondary text-left text-xs text-muted-foreground">
<tr>
<th className="px-4 py-3 font-medium">任务</th>
<th className="px-4 py-3 font-medium">负责</th>
<th className="px-4 py-3 font-medium">状态</th>
<th className="px-4 py-3 text-right font-medium">截止</th>
</tr>
</thead>
<tbody className="divide-y bg-card">
<Table className="w-full text-sm">
<Table.Header className="bg-secondary text-left text-xs text-muted-foreground">
<Table.Row>
<Table.Head className="px-4 py-3 font-medium">任务</Table.Head>
<Table.Head className="px-4 py-3 font-medium">负责</Table.Head>
<Table.Head className="px-4 py-3 font-medium">状态</Table.Head>
<Table.Head className="px-4 py-3 text-right font-medium">截止</Table.Head>
</Table.Row>
</Table.Header>
<Table.Body className="divide-y bg-card">
{taskRows.map((task) => (
<tr key={task.name}>
<td className="px-4 py-3 font-medium">{task.name}</td>
<td className="px-4 py-3 text-muted-foreground">{task.owner}</td>
<td className="px-4 py-3">
<Table.Row key={task.name}>
<Table.Cell className="px-4 py-3 font-medium">{task.name}</Table.Cell>
<Table.Cell className="px-4 py-3 text-muted-foreground">{task.owner}</Table.Cell>
<Table.Cell className="px-4 py-3">
<Badge variant={task.status === "需复核" ? "warning" : "secondary"}>
{task.status}
</Badge>
</td>
<td className="px-4 py-3 text-right text-muted-foreground">{task.due}</td>
</tr>
</Table.Cell>
<Table.Cell className="px-4 py-3 text-right text-muted-foreground">{task.due}</Table.Cell>
</Table.Row>
))}
</tbody>
</table>
</Table.Body>
</Table>
</div>
</CardContent>
</Card>