@liguoshuai/pi-web-chat 1.8.7 → 1.8.8

package/docs/CHANGELOG.md

@@ -7,6 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+## [1.8.8] - 2026-08-29
+
+### Fixed
+- **消息发送框确认按钮上下居中与正圆对齐优化 (Composer Send Button Alignment & Circular Sizing)**：
+  - 修复默认单行输入状态下，发送按钮因与 `textarea` 存在高度差并在 `flex-end` 布局下导致严重偏下、没有垂直居中的问题。
+  - 精准对齐单行 `textarea` 高度（32px）与按钮高度（32px），使单行状态下发送/确认按钮在输入框内绝对垂直居中，多行输入时依然平滑吸底。
+  - 将桌面端发送按钮修正为标准正圆（`32px × 32px`，`border-radius: 50%`），并补充字号与行高约束，确保图标居中且不影响手机侧及响应式体验。
+
+---
+
 ## [1.8.5] - 2026-08-23
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liguoshuai/pi-web-chat",
-  "version": "1.8.7",
+  "version": "1.8.8",
   "description": "A ChatGPT/Gemini-style web UI for the pi coding agent, powered by pi's RPC mode.",
   "type": "module",
   "main": "server.js",

package/public/style.css

@@ -718,13 +718,14 @@ body {
 }
 .composer textarea {
   flex: 1; background: transparent; border: none; outline: none; resize: none;
-  color: var(--text); font-family: inherit; font-size: 15px; line-height: 1.5;
-  padding: 10px 0; max-height: 200px; min-height: 24px;
+  color: var(--text); font-family: inherit; font-size: 15px; line-height: 20px;
+  padding: 6px 0; max-height: 200px; min-height: 32px;
 }
 .composer .send-btn {
-  width: 36px; height: 32px; border-radius: 18px; border: none; cursor: pointer;
+  width: 32px; height: 32px; border-radius: 50%; border: none; cursor: pointer;
   background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center;
-  flex-shrink: 0; transition: background .15s, opacity .15s, transform .1s;
+  flex-shrink: 0; font-size: 16px; font-weight: 600; line-height: 1;
+  transition: background .15s, opacity .15s, transform .1s;
 }
 .composer .send-btn:disabled { background: #3a3a3a; color: #6f6f6f; cursor: not-allowed; }
 .composer .send-btn.stop { background: var(--danger); }
@@ -1453,20 +1454,23 @@ body {
   }
 
   .composer-inner {
-    padding: 4px 6px 4px 12px;
-    border-radius: 20px;
+    padding: 6px 8px 6px 14px;
+    border-radius: 22px;
     gap: 6px;
   }
 
   .composer textarea {
-    padding: 8px 0;
+    padding: 6px 0;
     font-size: 14px;
+    line-height: 20px;
+    min-height: 32px;
     max-height: 160px;
   }
 
   .composer .send-btn {
     width: 32px;
     height: 32px;
+    border-radius: 50%;
   }
 
   /* CWD Modal Mobile Adjustments */