opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-07-29 10:13:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: update responsible connection sidebar style

Browse Source
This commit is contained in:
Steven
2023-04-07 20:04:23 +08:00
parent 8ca20535ef
commit 84413b7201
5 changed files with 56 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ConversationView/index.tsx
View File

@ -8,6 +8,7 @@ import {
useMessageStore,
useConnectionStore,
useSettingStore,
useLayoutStore,
} from "@/store";
import { CreatorRole, Message } from "@/types";
import { countTextTokens, generateUUID } from "@/utils";
@ -23,6 +24,7 @@ const MAX_TOKENS = 4000;
const ConversationView = () => {
const settingStore = useSettingStore();
const layoutStore = useLayoutStore();
const connectionStore = useConnectionStore();
const conversationStore = useConversationStore();
const messageStore = useMessageStore();
@ -207,9 +209,11 @@ const ConversationView = () => {
};
return (
<main
<div
ref={conversationViewRef}
className="drawer-content relative w-full h-full max-h-full flex flex-col justify-start items-start overflow-y-auto bg-white"
className={`${
layoutStore.showSidebar && "sm:pl-80"
} relative w-full h-full max-h-full flex flex-col justify-start items-start overflow-y-auto bg-white transition-all duration-300`}
>
<div className="sticky top-0 z-1 bg-white w-full flex flex-col justify-start items-start">
<DataStorageBanner />
@ -225,7 +229,7 @@ const ConversationView = () => {
<div className="sticky bottom-0 w-full max-w-4xl py-2 px-4 sm:px-8 mx-auto bg-white bg-opacity-80 backdrop-blur">
<MessageTextarea disabled={lastMessage?.status === "LOADING"} sendMessage={sendMessageToCurrentConversation} />
</div>
</main>
</div>
);
};