Skip to content

feat(web): add switchable sidebar navigation - #759

Merged
SsuJojo merged 8 commits into
devfrom
feat/sidebar-navigation
Aug 30, 2026
Merged

feat(web): add switchable sidebar navigation#759
SsuJojo merged 8 commits into
devfrom
feat/sidebar-navigation

Conversation

@SsuJojo

@SsuJojo SsuJojo commented Aug 30, 2026

Copy link
Copy Markdown
Collaborator

Summary

Dashboard 默认采用更清晰的左侧栏导航布局,同时保留顶部标签栏旧版布局,用户可以在设置中随时切换。布局偏好保存在当前浏览器中,不影响服务端配置。

Changes

  • 新增桌面端固定侧栏导航,并在小屏幕使用横向滚动导航(web/src/App.tsxweb/src/components/Sidebar.tsx)。
  • 新增控制台布局设置,可切换“侧栏导航(推荐)”和“顶部标签栏(旧版)”(web/src/components/GeneralSettings.tsx)。
  • 补充中英文翻译、布局偏好持久化及单元测试(shared/i18n/translations.tsweb/src/lib/layout-preferences.ts)。

Test Plan

  • npm run test:web — 12 个测试文件,49 个测试通过
  • npm run build — Vite 构建与 TypeScript 检查通过
  • git diff --check
  • 已验证桌面端侧栏、旧版顶部 TabBar、390px 窄屏导航及无横向溢出

Notes

  • 未安装仓库 pre-push hook,已在本地执行等价构建与测试检查。
  • 本 PR 仅推送到 dev,不自动合并。

@SsuJojo
SsuJojo force-pushed the feat/sidebar-navigation branch from 0c26abc to 2551686 Compare August 30, 2026 16:33
@SsuJojo
SsuJojo merged commit 8d77e86 into dev Aug 30, 2026
4 checks passed
@SsuJojo
SsuJojo deleted the feat/sidebar-navigation branch August 30, 2026 16:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant