From 481c339d1cd0dd837ebb6ad09b11b58ee9327aad Mon Sep 17 00:00:00 2001
From: Mckay Wrigley <mckaywrigley@gmail.com>
Date: Sat, 18 Mar 2023 22:27:50 -0600
Subject: [PATCH] slight input ui tweak

---
 components/Chat/Chat.tsx      | 9 ++++++---
 components/Chat/ChatInput.tsx | 4 +---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx
index 37e31a2..fd2b71d 100644
--- a/components/Chat/Chat.tsx
+++ b/components/Chat/Chat.tsx
@@ -8,7 +8,7 @@ import { ModelSelect } from "./ModelSelect";
 interface Props {
   model: OpenAIModel;
   messages: Message[];
-  messageIsStreaming: boolean,
+  messageIsStreaming: boolean;
   loading: boolean;
   lightMode: "light" | "dark";
   onSend: (message: Message) => void;
@@ -57,8 +57,11 @@ export const Chat: FC<Props> = ({ model, messages, messageIsStreaming, loading,
         )}
       </div>
 
-      <div className="h-[80px] sm:h-[140px] w-[340px] sm:w-[400px] md:w-[500px] lg:w-[700px] xl:w-[800px] mx-auto">
-        <ChatInput messageIsStreaming={messageIsStreaming} onSend={onSend} />
+      <div className="h-[100px] w-[340px] sm:w-[400px] md:w-[500px] lg:w-[700px] xl:w-[800px] mx-auto">
+        <ChatInput
+          messageIsStreaming={messageIsStreaming}
+          onSend={onSend}
+        />
       </div>
     </div>
   );
diff --git a/components/Chat/ChatInput.tsx b/components/Chat/ChatInput.tsx
index 2afcf3c..b25427d 100644
--- a/components/Chat/ChatInput.tsx
+++ b/components/Chat/ChatInput.tsx
@@ -52,15 +52,13 @@ export const ChatInput: FC<Props> = ({ onSend, messageIsStreaming }) => {
 
   return (
     <div className="relative">
-      <div className="absolute bottom-[-70px] sm:bottom-[-120px] w-full">
+      <div className="absolute bottom-[-80px] w-full">
         <textarea
           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"
           style={{
             resize: "none",
             bottom: `${textareaRef?.current?.scrollHeight}px`,
-            height: "auto",
-            minHeight: "100px",
             maxHeight: "400px",
             overflow: "auto"
           }}