style(chat): align header and input styles with Dart implementation

Update chat-header and chat-input-text-field CSS to match the
Dart counterparts (chat_header.dart, chat_input_text_field.dart):
- Header: remove outer padding/background, use transparent base
- Guest banner: switch to --spacing-sm/md tokens
- Header row: add margin-left and symmetric padding
- Menu button: use 32px radius and #0d0b14 @ 0.7 background
- Input field: add white background, 32px radius, accent caret
  color, and flex centering for vertical text alignment
This commit is contained in:
2026-06-10 17:44:23 +08:00
parent 5f3a343bb1
commit a511beaa34
2 changed files with 22 additions and 13 deletions
@@ -6,10 +6,12 @@
min-width: 0;
display: flex;
align-items: center;
background: transparent; /* 容器透明,背景由 .row 提供 */
padding: 0 var(--spacing-lg, 16px); /* Dart: horizontal AppSpacing.lg */
background: #fff; /* Dart: Colors.white */
border-radius: 32px; /* Dart: AppRadius.xxxl */
}
/* textarea 本身(裸元素,背景透明让父容器透出) */
/* textarea 本身(裸元素,背景透明让外层白底透出) */
.textField {
flex: 1 1 auto;
min-width: 0;
@@ -20,11 +22,14 @@
border: 0;
outline: none;
background: transparent;
color: var(--color-text-foreground, #000);
color: var(--color-text-foreground, #000); /* Dart: Colors.black */
caret-color: var(--color-accent, #f84d96); /* Dart: AppColors.accentColor */
font-size: var(--font-size-base, 14px);
line-height: 24px;
resize: none;
font-family: inherit;
display: flex; /* 让 textarea 成为 flex 容器,让文字竖直居中 */
align-items: center; /* 沿 cross axis 居中 = 文字竖直居中于 40px 高度内 */
}
.textField::placeholder {