raomaiping-hash/dsh-client-ui-mobile

raomaiping-hash★ 0JavaScriptLast synced: 2026-08-17

Open on GitHub

Mobile UI optimizer for the DeepSeek Harness Web GUI — drawer sidebar, full-screen settings, safe areas, touch-friendly targets.

README excerpt

dsh-client-ui-mobile English 中文 Mobile / small-tablet UI optimizer for the DeepSeek Harness Web GUI. The stock Web shell is a three-column desktop layout. Under a phone-width viewport the sidebar rail, the 188 px settings nav, and the hover-only tool-row controls become cramped or unreachable. This plugin reshapes the shell below a max-width: 820px breakpoint without touching any upstream code — it is a pure client (browser) plugin: a block plus a small React overlay. Features - Drawer sidebar — below 820 px the sidebar becomes a left drawer; a floating menu button opens it, a backdrop (over the conversation only) and Esc close it, and it auto-closes on session switch. - Full-screen settings sheet — the settings dialog (a 188 px nav rail + content on desktop) becomes a full-screen sheet with a top title + horizontally scrollable section tabs, an absolute close button, and safe-area insets. - Settings entrance animation — mask fade + panel slide-up; gated by prefers-reduced-motion . - Details panel as a bottom sheet — the tool-call details column (hidden on small screens by default) becomes a slide-up bottom sheet driven by the layout's data-details-collapsed state. -…

View full README on GitHub →
Skins / UIdeepseek-harnessdshdsh-pluginmobileresponsiveuisidebar

Category