diff --git a/frontend/packages/dashboard/src/dashboard.css b/frontend/packages/dashboard/src/dashboard.css index 70be4d8c..0f80eee4 100644 --- a/frontend/packages/dashboard/src/dashboard.css +++ b/frontend/packages/dashboard/src/dashboard.css @@ -481,6 +481,14 @@ body.dashboard-shell { padding: 0.4em 0.6em; } .tc-input:focus { outline: 1px solid var(--green); } +/* themedPrompt's field is always a resizable textarea (Enter submits, + Shift+Enter inserts a newline) — sensible min-height, wrapped output. */ +.tc-textarea { + resize: vertical; + min-height: 4.5em; + line-height: 1.4; + white-space: pre-wrap; +} /* themedToast — non-blocking transient notifications (errors/info/ok) */ .tc-toasts { diff --git a/frontend/packages/dashboard/src/modal.js b/frontend/packages/dashboard/src/modal.js index fe3d05f4..1f9b511a 100644 --- a/frontend/packages/dashboard/src/modal.js +++ b/frontend/packages/dashboard/src/modal.js @@ -125,15 +125,27 @@ export function themedConfirm(opts = {}) { } // themedPrompt({ title, message, label, placeholder, value, confirmLabel, cancelLabel }) -// → Promise. Themed replacement for window.prompt(): an input -// dialog that resolves to the entered string on confirm, or null on cancel. +// → Promise. Themed replacement for window.prompt(): a +// resizable