heimoshuiyu/chatgpt-api-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

sticky input component

Browse Source
This commit is contained in:
黑墨水鱼
2024-12-30 10:11:57 +08:00
parent 4dcc655e53
commit 115343cc27
1 changed files with 64 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/Chatbox.tsx
View File

@@ -662,8 +662,8 @@ export default function ChatBOX() {
/> />
</div> </div>
)} )}
</div>
<div className="sticky top-0 z-10 bg-background"> <div className="sticky bottom-0 w-full z-20 bg-background">
<form className="relative rounded-lg border bg-background focus-within:ring-1 focus-within:ring-ring p-1"> <form className="relative rounded-lg border bg-background focus-within:ring-1 focus-within:ring-ring p-1">
<ChatInput <ChatInput
value={inputMsg} value={inputMsg}
@@ -700,10 +700,7 @@ export default function ChatBOX() {
{chatStore.whisper_api && chatStore.whisper_key && ( {chatStore.whisper_api && chatStore.whisper_key && (
<> <>
<WhisperButton <WhisperButton inputMsg={inputMsg} setInputMsg={setInputMsg} />
inputMsg={inputMsg}
setInputMsg={setInputMsg}
/>
<span className="sr-only">Use Microphone</span> <span className="sr-only">Use Microphone</span>
</> </>
)} )}
@@ -732,7 +729,6 @@ export default function ChatBOX() {
setImages={setImages} setImages={setImages}
/> />
</div> </div>
</div>
</> </>
); );
} }