From 891bc38a4589030bd18a4537f861af0e09202f84 Mon Sep 17 00:00:00 2001
From: Mckay Wrigley <mckaywrigley@gmail.com>
Date: Sat, 18 Mar 2023 22:21:11 -0600
Subject: [PATCH] fix loader position

---
 components/Chat/ChatLoader.tsx | 6 +++---
 pages/index.tsx                | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Chat/ChatLoader.tsx b/components/Chat/ChatLoader.tsx
index af16558..fcea9fe 100644
--- a/components/Chat/ChatLoader.tsx
+++ b/components/Chat/ChatLoader.tsx
@@ -6,11 +6,11 @@ interface Props {}
 export const ChatLoader: FC<Props> = () => {
   return (
     <div
-      className={`flex justify-center py-[30px] whitespace-pre-wrap dark:bg-[#444654] dark:text-neutral-100 bg-neutral-100 text-neutral-900 dark:border-none"`}
+      className={`flex justify-center py-[20px] sm:py-[30px] whitespace-pre-wrap dark:bg-[#444654] dark:text-neutral-100 bg-neutral-100 text-neutral-900 dark:border-none"`}
       style={{ overflowWrap: "anywhere" }}
     >
-      <div className="w-full px-4 sm:px-0 sm:w-2/3 md:w-1/2 flex">
-        <div className="mr-4 font-bold min-w-[40px]">AI:</div>
+      <div className="w-full sm:w-4/5 md:w-3/5 lg:w-[600px] xl:w-[800px] flex px-4">
+        <div className="mr-1 sm:mr-2 font-bold min-w-[40px]">AI:</div>
         <IconDots className="animate-pulse" />
       </div>
     </div>
diff --git a/pages/index.tsx b/pages/index.tsx
index 080208e..7cf856b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -8,7 +8,7 @@ import { useEffect, useState } from "react";
 export default function Home() {
   const [conversations, setConversations] = useState<Conversation[]>([]);
   const [selectedConversation, setSelectedConversation] = useState<Conversation>();
-  const [loading, setLoading] = useState<boolean>(false);
+  const [loading, setLoading] = useState<boolean>(true);
   const [model, setModel] = useState<OpenAIModel>(OpenAIModel.GPT_3_5);
   const [lightMode, setLightMode] = useState<"dark" | "light">("dark");
   const [messageIsStreaming, setMessageIsStreaming] = useState<boolean>(false);