From a78c88c86addebe338807eb3fe2b3460a0746d57 Mon Sep 17 00:00:00 2001
From: ssurui <ssurui@gmail.com>
Date: Thu, 3 Sep 2026 15:14:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=BE=93=E5=85=A5=E6=A1=86=E4=B8=8E?=
 =?UTF-8?q?=E6=97=81=E8=BE=B9=E7=9A=84=E6=8C=89=E9=92=AE=E8=A1=8C=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E5=AF=B9=E4=B8=8D=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<textarea class="q-input"> 没设 rows 属性，浏览器按默认 2 行的最小
内容高度处理，字体度量四舍五入后比显式 height:96px 略高几像素，
把整个输入框撑高，导致跟同高度的语音/拍照按钮顶边对不齐（底边因为
input-bar 是 align-items:flex-end 对齐所以没发现，只有顶边露馅）。
加 rows="1" 让最小内容高度不再跟显式高度打架，同时加 min-height:0
防御 UA 默认样式。

用像素网格量过真机截图确认：这是 textarea 本来就有的问题，不是这次
加拍照按钮引入的，只是三个按钮排一起后更显眼。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/renderer/src/components/ChatPanel.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/ChatPanel.vue b/src/renderer/src/components/ChatPanel.vue
index a3f8bfc..4eef92d 100644
--- a/src/renderer/src/components/ChatPanel.vue
+++ b/src/renderer/src/components/ChatPanel.vue
@@ -677,6 +677,7 @@ onUnmounted(() => {
         <textarea
           v-model="question"
           class="q-input"
+          rows="1"
           :disabled="batchRunning"
           :placeholder="pendingImage ? '针对这张照片提问，留空则默认描述图片…' : '输入问题，Enter 发送，Shift+Enter 换行…'"
           @keydown="handleEnter"
@@ -868,7 +869,7 @@ onUnmounted(() => {
 
 .q-input {
   width: 100%; box-sizing: border-box;
-  height: 96px;
+  height: 96px; min-height: 0;
   border: 2px solid var(--line-2); border-radius: var(--radius);
   padding: 16px 20px; font-family: inherit;
   font-size: 20px; line-height: 1.5; resize: none;