refactor(app): remove scaffold and migrate input styles

This commit is contained in:
2026-07-13 10:43:18 +08:00
parent 181e0aee19
commit 8e0c4ef95f
6 changed files with 23 additions and 140 deletions
@@ -22,8 +22,6 @@ import {
useRef,
} from "react";
import styles from "./chat-input-text-field.module.css";
export interface ChatInputTextFieldProps {
value: string;
onChange: (value: string) => void;
@@ -62,10 +60,10 @@ export const ChatInputTextField = forwardRef<
};
return (
<div className={styles.wrap}>
<div className="flex min-w-0 flex-auto items-center rounded-full bg-white px-(--spacing-lg,16px)">
<textarea
ref={innerRef}
className={styles.textField}
className="min-h-[var(--chat-send-button-size,40px)] max-h-[min(30vh,120px)] w-full min-w-0 flex-auto resize-none border-0 bg-transparent pb-0 pl-0 pr-0 pt-[clamp(5px,1.111vw,6px)] font-[inherit] text-[16px] leading-[clamp(22px,4.444vw,24px)] text-[var(--color-text-foreground,#000)] caret-[var(--color-accent,#f84d96)] outline-none placeholder:text-[var(--color-text-hint,#757575)]"
value={value}
onChange={(e: FormEvent<HTMLTextAreaElement>) =>
onChange(e.currentTarget.value)