💄 style(vscode): 设置里的提示词框按内容自动撑高

vscode/webview-ui/src/components/SettingsModal.tsx

@@ -115,6 +115,7 @@ export interface SettingsModalProps {
 }
 
 const inputClass = 'w-full rounded border border-[var(--vscode-input-border,transparent)] bg-[var(--vscode-input-background)] px-2 py-1 text-xs text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)]'
+const promptTextareaClass = `${inputClass} field-sizing-content min-h-16 resize-y font-mono`
 
 interface FieldProps {
   label: string
@@ -990,10 +991,9 @@ export function SettingsModal({
                   )}
                 >
                   <textarea
-                    rows={16}
                     value={brainstormPrompt}
                     onChange={e => setBrainstormPrompt(e.target.value)}
-                    className={`${inputClass} resize-y font-mono`}
+                    className={promptTextareaClass}
                     placeholder="新建工单 + 续聊 + 原型段落，一份模板按条件分叉"
                   />
                 </Field>
@@ -1010,10 +1010,9 @@ export function SettingsModal({
                   )}
                 >
                   <textarea
-                    rows={8}
                     value={implementPlanPrompt}
                     onChange={e => setImplementPlanPrompt(e.target.value)}
-                    className={`${inputClass} resize-y font-mono`}
+                    className={promptTextareaClass}
                   />
                 </Field>
 
@@ -1027,10 +1026,9 @@ export function SettingsModal({
                   )}
                 >
                   <textarea
-                    rows={4}
                     value={reviewPrompt}
                     onChange={e => setReviewPrompt(e.target.value)}
-                    className={`${inputClass} resize-y font-mono`}
+                    className={promptTextareaClass}
                   />
                 </Field>
 
@@ -1047,10 +1045,9 @@ export function SettingsModal({
                   )}
                 >
                   <textarea
-                    rows={4}
                     value={testPrompt}
                     onChange={e => setTestPrompt(e.target.value)}
-                    className={`${inputClass} resize-y font-mono`}
+                    className={promptTextareaClass}
                   />
                 </Field>
 
@@ -1064,10 +1061,9 @@ export function SettingsModal({
                   )}
                 >
                   <textarea
-                    rows={4}
                     value={prototypePrompt}
                     onChange={e => setPrototypePrompt(e.target.value)}
-                    className={`${inputClass} resize-y font-mono`}
+                    className={promptTextareaClass}
                   />
                 </Field>
               </>