DSH Web UI 移动端适配:窄屏下侧边栏变为贴合内容的 overlay 抽屉、会话独占全宽,设置面板改为近全宽 sheet。
安装
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:mexiaosqwq/dsh-web-mobile
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本。请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
dsh-web-mobile
DeepSeek Harness Web UI 移动端适配:窄屏(< 1024px)隐藏左侧 rail,目录变为 overlay 抽屉,会话区独占全宽。纯 client 插件,宽屏下与未安装时一致。
效果
| 会话主页(全宽) | 目录抽屉 | 设置界面 |
|---|---|---|
![]() |
![]() |
![]() |
特性
- 会话全宽:网格改为
1fr 0 0,目录抽屉 overlay 滑入,宽度贴合侧栏内容(约 280px),关闭后完全移出视口,左侧无阴影残留; - 避开摄像头:不做顶部预留空间,打开目录的浮动按钮放在左缘 y=72px(摄像头带下方);
- 会话头部重排:移动端按 [目录按钮] [会话名称] [模式徽标] 排列;Session log 胶囊移到抽屉底部(Settings 旁),复用官方下载逻辑;
- 设置界面适配:官方 800px 双栏弹窗改为近全宽 sheet——导航标签两行全可见、条目保持横向、Appearance 一行三选一、高度自适应、淡入动画;导出对话框保持官方居中卡片;
- 正文排版:消息文字 16px → 15px,左右留白 32px → 20px,行宽更充分;抽屉列表与输入框文字不受影响;
- 输入框防重叠:agent 权限胶囊(盾牌)与模型名不再重叠。
安装
dsh plugin --profile web add github:mexiaosqwq/dsh-web-mobile
仓库自带构建产物,一条命令直接安装,无 allowBuilds 拦截。装完重启 dsh web。
本地开发:dsh plugin --profile web add link:/path/to/dsh-web-mobile
构建
pnpm install
pnpm build
产物 lib/ 与源码同步入库,改动源码后重新构建再提交。
验证
pnpm verify类型检查;dsh --profile web --dump-config应出现插件层;- 移动端(390px):rail 消失、抽屉开合/遮罩/Escape、设置弹窗适配;
- 桌面端(≥1024px):与未安装时一致。
兼容性
需要 :has()(Chromium 105+);prefers-reduced-motion: reduce 下自动禁用动画。
License
链接
同类插件
zhu1090093659/dsh-web-ui#packages/dsh-web-ui-all★ 2028
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
ccch1mneyyy/dsh-TUI★ 940
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
omdsh-dev/DSH-better-sidebar★ 816
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
omdsh-dev/dsh-at-file★ 143
Codex 风格的 `@file` 文件引用,输入框里直接搜索并引用工作区文件。
huiliyi37/dsh-tianshu-tui★ 137
DeepSeek Harness 的终端 UI(TUI)。
Nagi-ovo/dsh-visualize★ 86
对话内生成式 UI:模型把交互式 HTML 卡片直接画进会话流,带流式预览与沙箱渲染。


