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 분석

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

패키지
dsh-mobile-ui
버전
0.1.0
라이선스
MIT
최근 업데이트
2026. 8. 16.

설치

검증된 bundle이 없거나 호환성 검사에 실패했습니다. 먼저 저장소 설명을 읽어 주세요. 전체 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