lan450/dsh-mobile-ui0

dsh-mobile-ui

Mobile UI adaptation for the DSH web app (v3.2): overflow containment, overlay sidebar/details, bottom-sheet pickers, dialog recentering, safe-area handling, overlap self-healing, and two-row question/plan-review card footers on narrow screens — driven by stable DOM data hooks plus runtime class derivation, with a console diagnostic snapshot (window.__dshMobileUi) for per-fix verification.

AI 분석

核心用途是优化 DSH Web 在手机等窄屏设备上的操作体验。适合经常在移动端浏览器或窄屏窗口下使用 DSH 的用户,可自动调整布局避免遮挡。

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

설치

검증된 bundle이 없거나 호환성 검사에 실패했습니다. 먼저 저장소 설명을 읽어 주세요. 전체 README 읽기 ↗

Usage

Open the Web UI on your phone (the plugin also works in a desktop browser narrower than 820px). Everything is applied automatically; desktop layouts are untouched. For plan review / question cards, the footer uses two rows so the action buttons are always fully visible.

Diagnostics

In the browser console:

window.__dshMobileUi.status   // per-block state: ok / miss / run / off
window.__dshMobileUi.notes    // why a block missed (stylesheet not ready / entries mismatch)

A derived block that misses its class names falls back to structural selectors (usable on phones) or renders no CSS (e.g. modelSheet/popupSheet), and notes explains why.