42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
import { Bell, HelpCircle, ChevronDown } from "lucide-react";
|
||
|
|
import { Button } from "@/components/ui/button";
|
||
|
|
import { ThemeToggle } from "./ThemeToggle";
|
||
|
|
import {
|
||
|
|
Tooltip,
|
||
|
|
TooltipContent,
|
||
|
|
TooltipProvider,
|
||
|
|
TooltipTrigger,
|
||
|
|
} from "@/components/ui/tooltip";
|
||
|
|
|
||
|
|
export function Topbar() {
|
||
|
|
return (
|
||
|
|
<header className="flex h-16 shrink-0 items-center justify-end gap-2 border-b border-border bg-background px-8">
|
||
|
|
<TooltipProvider>
|
||
|
|
<Button
|
||
|
|
variant="outline"
|
||
|
|
size="lg"
|
||
|
|
className="border-hairline-strong text-muted-foreground hover:bg-surface-strong hover:text-foreground"
|
||
|
|
>
|
||
|
|
<HelpCircle />
|
||
|
|
帮助
|
||
|
|
</Button>
|
||
|
|
|
||
|
|
<ThemeToggle />
|
||
|
|
|
||
|
|
<Tooltip>
|
||
|
|
<TooltipTrigger asChild>
|
||
|
|
<Button
|
||
|
|
variant="outline"
|
||
|
|
size="icon-lg"
|
||
|
|
className="border-hairline-strong text-muted-foreground hover:bg-surface-strong hover:text-foreground"
|
||
|
|
>
|
||
|
|
<Bell />
|
||
|
|
</Button>
|
||
|
|
</TooltipTrigger>
|
||
|
|
<TooltipContent side="bottom">通知</TooltipContent>
|
||
|
|
</Tooltip>
|
||
|
|
</TooltipProvider>
|
||
|
|
</header>
|
||
|
|
);
|
||
|
|
}
|