48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import UserMenu from "./UserMenu";
|
|
|
|
export default function Header() {
|
|
return (
|
|
<header className="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 sticky top-0 z-40">
|
|
<div className="container mx-auto px-4 py-4">
|
|
<div className="flex items-center justify-between">
|
|
{/* 应用标题 */}
|
|
<Link
|
|
href="/dashboard"
|
|
className="flex items-center gap-3 hover:opacity-80 transition-opacity"
|
|
>
|
|
<div className="w-8 h-8 bg-blue-500 rounded-lg flex items-center justify-center">
|
|
<svg
|
|
className="w-5 h-5 text-white"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth={2}
|
|
d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<h1 className="text-xl font-bold text-gray-900 dark:text-white">
|
|
录音应用
|
|
</h1>
|
|
<p className="text-sm text-gray-500 dark:text-gray-400">
|
|
录制、管理和分享你的音频
|
|
</p>
|
|
</div>
|
|
</Link>
|
|
|
|
{/* 用户菜单 */}
|
|
<UserMenu />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|