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

fix loader position

This commit is contained in:
Mckay Wrigley 2023-03-18 22:21:11 -06:00
parent e6449998ef
commit 891bc38a45
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/Chat/ChatLoader.tsx
View File

@ -6,11 +6,11 @@ interface Props {}
export const ChatLoader: FC<Props> = () => { export const ChatLoader: FC<Props> = () => {
return ( return (
<div <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" }} style={{ overflowWrap: "anywhere" }}
> >
<div className="w-full px-4 sm:px-0 sm:w-2/3 md:w-1/2 flex"> <div className="w-full sm:w-4/5 md:w-3/5 lg:w-[600px] xl:w-[800px] flex px-4">
<div className="mr-4 font-bold min-w-[40px]">AI:</div> <div className="mr-1 sm:mr-2 font-bold min-w-[40px]">AI:</div>
<IconDots className="animate-pulse" /> <IconDots className="animate-pulse" />
</div> </div>
</div> </div>

2
pages/index.tsx
View File

@ -8,7 +8,7 @@ import { useEffect, useState } from "react";
export default function Home() { export default function Home() {
const [conversations, setConversations] = useState<Conversation[]>([]); const [conversations, setConversations] = useState<Conversation[]>([]);
const [selectedConversation, setSelectedConversation] = 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 [model, setModel] = useState<OpenAIModel>(OpenAIModel.GPT_3_5);
const [lightMode, setLightMode] = useState<"dark" | "light">("dark"); const [lightMode, setLightMode] = useState<"dark" | "light">("dark");
const [messageIsStreaming, setMessageIsStreaming] = useState<boolean>(false); const [messageIsStreaming, setMessageIsStreaming] = useState<boolean>(false);