Muyue/MuyueWorkspace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 141 Wiki Activity

fix(ui): remove aggressive shell responsive rules breaking terminal sizing, bump v0.9.4
All checks were successful
Stable Release / stable (push) Successful in 1m53s
Details

Browse Source 
Terminal tabs, search bar, xterm wrapper were being resized by media
queries causing the xterm to render as a tiny box. Now only the AI
panel column adapts on narrow screens — the terminal stays full size.

🤗 Generated with Crush

Assisted-by: GLM-5.1 via Crush <crush@charm.land>
This commit is contained in:
Augustin
2026-04-28 16:20:36 +02:00
parent fd03423062
commit 053cbca779
2 changed files with 4 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/src/styles/global.css
View File

@@ -1413,7 +1413,7 @@ input::placeholder { color: var(--text-disabled); }
.config-panel-body { padding: 12px 16px 16px; }
.config-card-row { gap: 10px; }
.config-card-label { width: 110px; }
.shell-ai-col { width: 260px; max-width: 260px; }
.shell-ai-col { width: 240px; max-width: 240px; }
.shell-analysis-modal { width: 90vw; }
.shell-modal { min-width: 320px; }
.grid-2 { grid-template-columns: 1fr; }
@@ -1518,12 +1518,7 @@ input::placeholder { color: var(--text-disabled); }
/* Messages */
.message { max-width: 95%; padding: 10px 12px; font-size: 13px; }
/* Shell / Terminal */
.shell-layout { flex-direction: column; }
.shell-terminal-col { min-height: 200px; }
.shell-tabs-bar { height: 32px; padding: 0 6px; }
.shell-tab { padding: 3px 8px; font-size: 11px; max-width: 120px; }
.shell-tab-name { max-width: 70px; }
/* Shell / Terminal — AI panel stacks below on narrow screens */
.shell-ai-col {
width: 100%;
max-width: 100%;
@@ -1535,11 +1530,7 @@ input::placeholder { color: var(--text-disabled); }
.ai-panel-messages { padding: 8px; }
.ai-message { padding: 6px 8px; font-size: 12px; }
.ai-panel-input input { font-size: 12px; padding: 5px 8px; }
.shell-search-input { width: 140px; }
.shell-analysis-modal { max-width: 95vw; }
.shell-modal { min-width: 280px; max-width: 95vw; }
.shell-modal-row { grid-template-columns: 1fr; gap: 6px; }
.shell-new-tab-menu { min-width: 220px; }
/* Config */
.config-tabs-bar { padding: 8px 12px; gap: 2px; overflow-x: auto; scrollbar-width: none; }
@@ -1670,32 +1661,13 @@ input::placeholder { color: var(--text-disabled); }
.chat-input-bar { padding: 10px 8px; gap: 6px; }
.chat-input-bar input { font-size: 13px; }
/* Shell */
.shell-tabs-bar { height: 28px; padding: 0 4px; gap: 2px; }
.shell-tab { padding: 2px 6px; font-size: 10px; max-width: 90px; }
.shell-tab-name { max-width: 50px; font-size: 10px; }
.shell-tab-index { font-size: 8px; padding: 0 2px; }
.shell-tab-close { width: 14px; height: 14px; }
.shell-new-tab-btn { padding: 2px 6px; font-size: 10px; }
.shell-zoom-badge { font-size: 9px; padding: 1px 4px; }
.shell-search-bar { top: 4px; right: 4px; padding: 3px 4px; gap: 2px; }
.shell-search-input { width: 100px; font-size: 11px; padding: 2px 4px; }
.shell-search-nav { width: 20px; height: 20px; }
.shell-search-close { width: 20px; height: 20px; }
/* Shell — only AI panel shrinks, terminal stays full size */
.shell-ai-col { max-height: 40vh; }
.ai-panel-header { padding: 8px 10px; font-size: 12px; }
.ai-panel-messages { padding: 6px; gap: 4px; }
.ai-message { padding: 5px 6px; font-size: 11px; }
.ai-panel-input { padding: 6px 8px; gap: 4px; }
.ai-panel-input input { font-size: 11px; padding: 4px 6px; }
.shell-analysis-modal { max-width: 98vw; max-height: 85vh; }
.shell-analysis-modal-header { padding: 10px 12px; font-size: 13px; }
.shell-analysis-modal-body { padding: 12px; font-size: 13px; }
.shell-modal { min-width: 260px; }
.shell-modal-header { padding: 12px 14px; font-size: 13px; }
.shell-modal-body { padding: 12px 14px; gap: 8px; }
.shell-new-tab-menu { min-width: 200px; max-height: 300px; }
.shell-menu-item { padding: 5px 8px; font-size: 11px; }
/* Config */
.config-tabs-bar { padding: 6px 8px; gap: 1px; }