move follow button into input sticky

This commit is contained in:
2024-12-31 14:17:36 +08:00
parent a56aa0205d
commit 8b95106cf8

View File

@@ -649,7 +649,8 @@ export default function ChatBOX() {
))} ))}
</div> </div>
)} )}
</div>
<div className="sticky bottom-0 w-full z-20 bg-background">
{generatingMessage && ( {generatingMessage && (
<div className="flex items-center justify-end gap-2 p-2 m-2 rounded bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> <div className="flex items-center justify-end gap-2 p-2 m-2 rounded bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"> <label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
@@ -662,8 +663,6 @@ export default function ChatBOX() {
/> />
</div> </div>
)} )}
</div>
<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}