D
dsh-mobile-webui
v0.1.0 · 0 天前发布
Mobile-viewport fixes for the dsh web GUI: overlay drawer sidebar, code-block scrolling, dvh/safe-area composer, 44px touch targets
README
dsh-mobile-webui
修复 dsh web GUI 在手机视口下的可用性问题(客户端插件,纯浏览器端,无构建步骤)。
Mobile-viewport fixes for the dsh web GUI as a client plugin: full-width chat
with an overlay drawer sidebar, swipe gestures, safe-area/dvh composer,
code-block horizontal scrolling and 44px touch targets. Pure browser-side,
no build step, zero effect on desktop widths.
修复内容
| 编号 | 内容 | 实现 |
|---|---|---|
| R1 | 布局:单列全宽聊天 + 抽屉收纳侧边栏 | ≤768px 无常驻轨道:grid 恒为单列,收起态侧边栏整体隐藏;入口是悬浮于左上角的原版侧边栏按钮(app 的 panel 图标 + 36px 原尺寸 + 0.45 透明度);展开态侧边栏/详情面板为不透明覆盖式抽屉(--dsw-alias-bg-layer-1),遮罩点击 / Escape / 选中会话后自动关闭 |
| R2 | 消息渲染 | 正文/行内代码自动断词(overflow-wrap),代码块与表格容器内横向滚动 |
| R5 | composer 与视口 | html/body/#root 高度升级为 100dvh;meta viewport 补 viewport-fit=cover + interactive-widget=resizes-content;composer 加 `env(safe-area-i
版本兼容矩阵
| DSH 版本 | 状态 | 说明 |
|---|---|---|
dsh@0.1.0-rc.6 | ✅ 兼容 | cordis patch ✅ |
dsh@0.1.0 | ✅ 兼容 | 标准 patch ✅ |
dsh@0.2.0 | ⚠️ 待验证 | 待实测(API 可能在变) |
dsh@0.3.0+ | ❓ 未知 | 尚未发布 |
💡 兼容矩阵每周末自动跑实测,欢迎 PR 修正
元数据
- License
- MIT
- npm
- dsh-mobile-webui
- Repo
- git+https://github.com/Odefined/dsh-mobile-webui.git
- Engines
{}- Weekly DL
- 0
- Monthly DL
- 0
- dsh.bundle
{"bundle":{"patch":"./cordis.patch.yml"},"client":{"platform":"web"}}