Redesign navigation, home overview, user portrait, and valuation pages with improved functionality and responsive design. Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
28 lines
959 B
TypeScript
28 lines
959 B
TypeScript
import { Button } from "@/components/ui/button"
|
||
import { Calendar, Download, Filter } from "lucide-react"
|
||
|
||
export function DashboardHeader() {
|
||
return (
|
||
<div className="flex flex-col md:flex-row justify-between items-start md:items-center space-y-4 md:space-y-0">
|
||
<div>
|
||
<h1 className="text-2xl font-bold tracking-tight">用户数字资产中台</h1>
|
||
<p className="text-muted-foreground">欢迎回来,查看最新的用户资产数据和分析报告</p>
|
||
</div>
|
||
<div className="flex items-center space-x-2">
|
||
<Button variant="outline" size="sm">
|
||
<Calendar className="mr-2 h-4 w-4" />
|
||
今日
|
||
</Button>
|
||
<Button variant="outline" size="sm">
|
||
<Filter className="mr-2 h-4 w-4" />
|
||
筛选
|
||
</Button>
|
||
<Button variant="outline" size="sm">
|
||
<Download className="mr-2 h-4 w-4" />
|
||
导出
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|