wanwu/deer-flow
1
0
Fork 0
mirror of https://gitee.com/wanwujie/deer-flow synced 2026-04-28 16:24:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix menu item in side bar collapsed mode

Browse Source
This commit is contained in:
Henry Li
2026-01-22 15:18:42 +08:00
parent dc9d28018c
commit 6e1f63e47f
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/workspace/workspace-nav-menu.tsx
View File

@@ -22,6 +22,7 @@ import {
SidebarMenu, SidebarMenu,
SidebarMenuButton, SidebarMenuButton,
SidebarMenuItem, SidebarMenuItem,
useSidebar,
} from "@/components/ui/sidebar"; } from "@/components/ui/sidebar";
import { useI18n } from "@/core/i18n/hooks"; import { useI18n } from "@/core/i18n/hooks";
@@ -30,6 +31,7 @@ import { SettingsDialog } from "./settings";
export function WorkspaceNavMenu() { export function WorkspaceNavMenu() {
const [settingsOpen, setSettingsOpen] = useState(false); const [settingsOpen, setSettingsOpen] = useState(false);
const { open: isSidebarOpen } = useSidebar();
const { t } = useI18n(); const { t } = useI18n();
return ( return (
<> <>
@@ -42,13 +44,17 @@ export function WorkspaceNavMenu() {
size="lg" size="lg"
className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground" className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
> >
<div className="flex w-full items-center gap-2"> {isSidebarOpen ? (
<div className="text-muted-foreground flex items-center gap-2 text-left text-sm leading-tight"> <div className="text-muted-foreground flex w-full items-center gap-2 text-left text-sm">
<SettingsIcon className="size-4" /> <SettingsIcon className="size-4" />
{t.workspace.settingsAndMore} <span>{t.workspace.settingsAndMore}</span>
<ChevronsUpDown className="text-muted-foreground ml-auto size-4" />
</div> </div>
<ChevronsUpDown className="text-muted-foreground ml-auto size-4" /> ) : (
</div> <div className="flex size-full items-center justify-center">
<SettingsIcon className="text-muted-foreground size-4" />
</div>
)}
</SidebarMenuButton> </SidebarMenuButton>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent <DropdownMenuContent