From 11bd79a7dcde2f27586cc55914b1c1df7da23478 Mon Sep 17 00:00:00 2001 From: lyon Date: Mon, 15 Jun 2026 02:04:48 +0800 Subject: [PATCH] fix: keep mobile workbench composer in view --- web/hwlab-cloud-web/src/styles/workbench.css | 70 +++++++++++++++++--- 1 file changed, 60 insertions(+), 10 deletions(-) diff --git a/web/hwlab-cloud-web/src/styles/workbench.css b/web/hwlab-cloud-web/src/styles/workbench.css index 635b32df..429a7b3b 100644 --- a/web/hwlab-cloud-web/src/styles/workbench.css +++ b/web/hwlab-cloud-web/src/styles/workbench.css @@ -1919,27 +1919,77 @@ @media (max-width: 720px) { .platform-shell { - grid-template-columns: 1fr; - height: auto; - overflow: auto; + height: 100dvh; + min-height: 100dvh; + grid-template-columns: minmax(0, 1fr); + overflow: hidden; } .platform-sidebar { - position: static; - height: auto; + display: none; } - .nav-groups { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .platform-main { + height: 100dvh; + min-height: 0; + grid-template-rows: 58px minmax(0, 1fr); } .platform-content { - padding: 14px; - overflow: visible; + min-height: 0; + padding: 12px; + overflow: hidden; } .platform-topbar { - padding: 0 12px; + min-width: 0; + gap: 8px; + padding: 0 10px; + } + + .topbar-status { + gap: 6px; + } + + .topbar-status strong { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .workbench-route, + .workbench-grid, + .workbench-center { + height: 100%; + min-height: 0; + overflow: hidden; + } + + .workbench-grid { + grid-template-columns: minmax(0, 1fr); + grid-template-rows: minmax(0, 1fr); + } + + .session-rail, + .hwpod-panel { + display: none; + } + + .command-composer { + gap: 8px; + padding: 10px; + } + + .composer-toolbar { + gap: 6px; + } + + .composer-field { + min-width: 100%; + } + + .command-composer textarea { + min-height: 72px; } .system-filter-bar,