DBT/clawgo
1
0
Fork 0
mirror of https://github.com/YspCoder/clawgo.git synced 2026-05-06 15:38:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

webui: fix white screen routing/base and add mobile responsive sidebar

Browse Source
This commit is contained in:
DBT
2026-02-25 18:07:06 +00:00
parent cb8dd4f273
commit 379a0a2366
6 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
webui/src/components/Sidebar.tsx
View File

@@ -6,10 +6,10 @@ import NavItem from './NavItem';
const Sidebar: React.FC = () => {
const { t } = useTranslation();
const { token, setToken } = useAppContext();
const { token, setToken, sidebarOpen } = useAppContext();
return (
<aside className="w-64 border-r border-zinc-800 bg-zinc-900/30 flex flex-col shrink-0">
<aside className={`fixed md:static inset-y-16 left-0 z-40 w-64 border-r border-zinc-800 bg-zinc-900/95 md:bg-zinc-900/30 flex flex-col shrink-0 transform transition-transform duration-200 ${sidebarOpen ? 'translate-x-0' : '-translate-x-full md:translate-x-0'}`}>
<nav className="flex-1 px-4 py-6 space-y-1 overflow-y-auto">
<NavItem icon={<LayoutDashboard className="w-5 h-5" />} label={t('dashboard')} to="/" />
<NavItem icon={<MessageSquare className="w-5 h-5" />} label={t('chat')} to="/chat" />