GitHub-Proxy/deer-flow
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow synced 2025-08-19 05:15:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add Tooltips

Browse Source
This commit is contained in:
Li Xin 2025-04-20 21:33:03 +08:00
parent 2f6b6a1d8d
commit 65c8a5595f
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/app/_components/theme-toggle.tsx
View File

@ -12,17 +12,21 @@ import {
DropdownMenuTrigger, DropdownMenuTrigger,
} from "~/components/ui/dropdown-menu"; } from "~/components/ui/dropdown-menu";
import { Tooltip } from "./tooltip";
export function ThemeToggle() { export function ThemeToggle() {
const { setTheme } = useTheme(); const { setTheme } = useTheme();
return ( return (
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <Tooltip title="Change theme">
<Button variant="ghost" size="icon"> <DropdownMenuTrigger asChild>
<Sun className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" /> <Button variant="ghost" size="icon">
<Moon className="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" /> <Sun className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
</Button> <Moon className="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
</DropdownMenuTrigger> </Button>
</DropdownMenuTrigger>
</Tooltip>
<DropdownMenuContent align="end"> <DropdownMenuContent align="end">
<DropdownMenuItem onClick={() => setTheme("light")}> <DropdownMenuItem onClick={() => setTheme("light")}>
Light Light

16
web/src/app/page.tsx
View File

@ -15,6 +15,7 @@ import { Logo } from "./_components/logo";
import { MessagesBlock } from "./_components/messages-block"; import { MessagesBlock } from "./_components/messages-block";
import { ResearchBlock } from "./_components/research-block"; import { ResearchBlock } from "./_components/research-block";
import { ThemeToggle } from "./_components/theme-toggle"; import { ThemeToggle } from "./_components/theme-toggle";
import { Tooltip } from "./_components/tooltip";
export default function HomePage() { export default function HomePage() {
const openResearchId = useStore((state) => state.openResearchId); const openResearchId = useStore((state) => state.openResearchId);
@ -27,11 +28,16 @@ export default function HomePage() {
<header className="fixed top-0 left-0 flex h-12 w-full w-screen items-center justify-between px-4"> <header className="fixed top-0 left-0 flex h-12 w-full w-screen items-center justify-between px-4">
<Logo /> <Logo />
<div className="flex items-center"> <div className="flex items-center">
<Button variant="ghost" size="icon" asChild> <Tooltip title="Visit DeerFlow on GitHub">
<Link href="https://github.com/bytedance/deer-flow" target="_blank"> <Button variant="ghost" size="icon" asChild>
<GithubOutlined /> <Link
</Link> href="https://github.com/bytedance/deer-flow"
</Button> target="_blank"
>
<GithubOutlined />
</Link>
</Button>
</Tooltip>
<ThemeToggle /> <ThemeToggle />
</div> </div>
</header> </header>