refactor(chat): align chat header and input bar with Dart source
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user