skills
/
deerflow2
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fix menu item in side bar collapsed mode

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