You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
782 B
23 lines
782 B
interface HeaderProps {
|
|
title: string
|
|
subtitle?: string
|
|
}
|
|
|
|
export function Header({ title, subtitle }: HeaderProps) {
|
|
return (
|
|
<header className="h-16 border-b border-gray-800 bg-gray-900/50 backdrop-blur-xl flex items-center px-6 fixed top-0 left-64 right-0 z-30">
|
|
<div className="flex-1">
|
|
<h1 className="text-xl font-bold text-white font-display">{title}</h1>
|
|
{subtitle && (
|
|
<p className="text-xs text-gray-500 font-body mt-0.5">{subtitle}</p>
|
|
)}
|
|
</div>
|
|
|
|
{/* Decorative elements */}
|
|
<div className="flex items-center gap-2">
|
|
<div className="h-2 w-2 rounded-full bg-green-500 animate-pulse" />
|
|
<span className="text-xs text-gray-500 font-body">系统正常</span>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|
|
|