refactor(chat): align chat header and input bar with Dart source

This commit is contained in:
2026-06-10 11:59:53 +08:00
parent 1e5b7420d3
commit 1db3e3ae31
17 changed files with 183 additions and 688 deletions
@@ -1,14 +1,28 @@
/* ChatInputTextField 输入框样式 */
/* ChatInputTextField 输入框样式(外层白底圆角容器 + 内部 textarea) */
/* 外层圆角容器(与 Dart `Container(borderRadius: AppRadius.xxxl ≈ 32)` 一致) */
.wrap {
flex: 1 1 auto;
min-width: 0;
display: flex;
align-items: center;
background: transparent; /* 容器透明,背景由 .row 提供 */
}
/* textarea 本身(裸元素,背景透明让父容器透出) */
.textField {
flex: 1 1 auto;
min-width: 0;
width: 100%;
height: 40px;
padding: 0 var(--spacing-4, 16px);
min-height: 40px;
max-height: 120px; /* 约 5 行 × 24px line-height */
padding: 0;
border: 0;
outline: none;
background: transparent;
color: var(--color-text-foreground, #000);
font-size: var(--font-size-base, 14px);
line-height: 24px;
resize: none;
font-family: inherit;
}