DSH HUB
HomePlugin StorePlugin PacksCommunityRankingsResourcesPublish Guide
Plugin source
Back to catalog

cyilin36 /

cyilin36/dsh-mobile

Verified

Phone-responsive layout for the DeepSeek Harness Web GUI: off-canvas drawer, safe areas, touch ergonomics, single-column settings. Inert on desktop.

★ 0 Stars0 Forks0 IssuesN/A Community rating0 Confirmed installs
View on GitHub
READMESource: main@6529a939

dsh-mobile

把 DeepSeek Harness(DSH)的 Web 界面适配到手机:窄屏下侧栏变成抽屉、主区占满整屏、刘海与手势安全区自动留白、设置页变单列。桌面宽度下完全不变。

作用

  • 视口 ≤ 1023px:侧栏离开网格变成可滑出的抽屉,主内容占满整屏。
    • 会话页左上角 ☰ 打开抽屉;点遮罩、按 Esc、点会话行后自动收起。
    • 没有会话头的页面(插件页等)用左上角悬浮按钮打开。
  • 安全区:补 viewport-fit=cover,用 env(safe-area-inset-*) 让刘海屏状态栏、底部手势条不再压住内容。
  • 触屏优化:去掉双击缩放延迟、隐藏桌面拖拽调宽手柄、输入框 16px 避免 iOS 聚焦自动放大。
  • 设置页变单列:顶部「设置」标题 + 一行可横滑的分类标签,选项全宽显示;第三方设置页(如插件市场的设置)也保留这排标签,不会点进去就出不来。
  • 桌面(≥ 1024px)完全惰性:不注入布局样式、不运行 DOM 观察器,只保留一个未被使用的样式表和插槽条目。

安装

在 DSH 的插件管理器里安装 GitHub 包:

install_bundle target: github:cyilin36/dsh-mobile

或在 DSH Web 的「设置 → 插件」里添加依赖 github:cyilin36/dsh-mobile。安装后在插件列表能看到 手机响应式适配 / Mobile Responsive Layout。

profile 的 package.json 依赖和 bundle 列表由 DSH 插件管理器维护,不要手写。

使用

  • 手机或窄窗口打开 GUI 即生效,无需配置。
  • 临时恢复桌面布局:页面 URL 加 ?dsh-mobile=off。
  • 不需要时在插件列表禁用或卸载 dsh-mobile。

注意事项

  • 只在 ≤ 1023px 生效,桌面宽度不变。
  • 不要和其他接管窄屏布局的插件同时开启(例如 dsh-pocket 的移动端适配),会互相覆盖。
  • 插件依赖宿主 DOM 结构(AppFrame、data-sidebar-collapsed、data-* 会话钩子)。DSH 大版本升级后若这些钩子变动,需要跟随更新;类名后缀兜底的装饰规则失配时只会少一条装饰,不会破坏布局。
  • iOS Safari 的地址栏收放、软键盘遮挡属于浏览器行为,插件只保证安全区和视口宽度正确。

License

MIT

—/ 5

No ratings yet

Verified DSH bundle

Commit 6529a93950d8

Community comments

No comments yet. Be the first to write one.

DSH HUB

A community index for DSH plugins. Not an official GitHub or DeepSeek AI product.

CommunityResourcesAPIAbout