admin
a511beaa34
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
38 lines
1.2 KiB
CSS
38 lines
1.2 KiB
CSS
/* ChatInputTextField 输入框样式（外层白底圆角容器 + 内部 textarea） */
|
||
|
||
/* 外层圆角容器（与 Dart `Container(borderRadius: AppRadius.xxxl ≈ 32)` 一致） */
|
||
.wrap {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 0 var(--spacing-lg, 16px); /* Dart: horizontal AppSpacing.lg */
|
||
background: #fff; /* Dart: Colors.white */
|
||
border-radius: 32px; /* Dart: AppRadius.xxxl */
|
||
}
|
||
|
||
/* textarea 本身（裸元素，背景透明让外层白底透出） */
|
||
.textField {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
width: 100%;
|
||
min-height: 40px;
|
||
max-height: 120px; /* 约 5 行 × 24px line-height */
|
||
padding: 0;
|
||
border: 0;
|
||
outline: none;
|
||
background: transparent;
|
||
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 {
|
||
color: var(--color-text-hint, #757575);
|
||
}
|