SolarCrown57/dsh-mobile-ui0

dsh-mobile-ui

Mobile responsive layer for the DSH web UI: drawer sidebar, full-screen settings, touch targets, safe areas and overlay details.

AI Analysis

为 DSH 网页端提供手机屏幕适配。通过抽屉式侧边栏、全屏设置、大触控目标及安全区优化,提升移动端浏览与输入体验。适合常在手机上使用 DSH 的用户。

Package
dsh-mobile-ui
Version
0.1.0
License
MIT
Last updated
Aug 16, 2026

Install

This plugin has no verified bundle, or compatibility checks failed. Read the repository notes first. Read the full README ↗

dsh-mobile-ui

A DSH web client plugin that adapts the browser UI for phone screens.

Features

  • No persistent sidebar on phones — only a floating hamburger button in the top-left corner. Tapping it opens the session sidebar as an animated drawer (with backdrop and close button).
  • Selecting a session closes the drawer automatically.
  • Settings opens as a full-screen sheet with a horizontally scrollable navigation bar.
  • Tool details open as a full-screen overlay on mobile.
  • Compact composer — the idle input bar shows only the centered text field. Tapping it expands the controls with an eased animation.
  • Safe-area insets, larger touch targets, and no horizontal page overflow.
  • Desktop layout is untouched: all mobile rules are scoped behind html[data-dsh-mobile].

Install

Local path (a plain non-bundle DSH plugin, applied live):

dshpm install ./dsh-mobile-ui --profile web

From a Git repository:

dshpm install github:/dsh-mobile-ui --profile web

How it works

The package declares a dsh.client web client plugin:

  • lib/index.js — empty host-side apply() entry.
  • lib/client.js — browser module that injects mobile CSS, the floating sidebar trigger, drawer chrome, and composer state behavior.

License

MIT