KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated ChatInput.tsx text area to autoextend for larger prompt size

This commit is contained in:
asolpshinning 2023-03-18 14:17:45 -05:00 committed by GitHub
parent d3bd34ae87
commit a6d2118085
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/Chat/ChatInput.tsx
View File

@ -56,7 +56,14 @@ export const ChatInput: FC<Props> = ({ onSend, messageIsStreaming }) => {
<textarea <textarea
ref={textareaRef} ref={textareaRef}
className="rounded-lg pl-4 pr-8 py-3 w-full focus:outline-none max-h-[280px] dark:bg-[#40414F] dark:border-opacity-50 dark:border-neutral-800 dark:text-neutral-100 border border-neutral-300 shadow text-neutral-900" className="rounded-lg pl-4 pr-8 py-3 w-full focus:outline-none max-h-[280px] dark:bg-[#40414F] dark:border-opacity-50 dark:border-neutral-800 dark:text-neutral-100 border border-neutral-300 shadow text-neutral-900"
style={{ resize: "none", bottom: `${textareaRef?.current?.scrollHeight}px` }} style={{
resize: "none",
bottom: `${textareaRef?.current?.scrollHeight}px`,
height: 'auto',
minHeight: '100px',
maxHeight: '400px',
overflow: 'auto',
}}
placeholder="Type a message..." placeholder="Type a message..."
value={content} value={content}
rows={1} rows={1}