Skip to content

fix(webui): 窄屏顶栏留下暂停、设置和关机,导航只显示图标 - #285

Merged
Phantivia merged 1 commit into
mainfrom
fix/webui-narrow-railfoot
Oct 19, 2026
Merged

Phantivia merged 1 commit into
mainfrom
fix/webui-narrow-railfoot

Conversation

@Phantivia

Copy link
Copy Markdown
Member

宽度 720px 及以下时,暂停/继续、设置、关机三个键接在横向导航行尾,底栏只收起头像和名字。

  • 有图标的导航项只显示图标,名字可悬停查看,读屏照常能读到;World 的模块没有图标,照旧显示名字和状态灯
  • 窄屏下模块列表改为与其他项同排,顶栏不再被竖排的模块撑到约 230px
  • 721px 以上布局不变;唯一的 DOM 改动是给有图标的导航项加 title

检查:pnpm run typecheck、pnpm typecheck:web、pnpm test(5000 passed,2 skipped)。pnpm dev:webui 假数据下看过 360、600、800px。

Closes #279

🤖 Generated with Claude Code

宽度 720px 及以下时,底栏的头像和名字收起,三个键接在横向导航行尾。
有图标的导航项只显示图标,名字可悬停查看,读屏照常能读到;World 的模块没有图标,照旧显示名字。
模块列表在窄屏改为与其他项同排,顶栏不再被竖排的模块撑高。

Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>
@Phantivia
Phantivia merged commit 06e385a into main Oct 19, 2026
4 checks passed
@Phantivia
Phantivia deleted the fix/webui-narrow-railfoot branch October 19, 2026 19:08
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.

WebUI 窄屏(≤720px)隐藏暂停、设置和关机入口,且没有替代菜单

1 participant