mirror of
https://github.com/StanGirard/quivr.git
synced 2024-09-11 13:15:41 +03:00
fix(chat): make chat input a little responsive
This commit is contained in:
parent
d60b8c3680
commit
cb24730c43
@ -6,8 +6,8 @@ import Button from "../../../../components/ui/Button";
|
||||
export function ConfigButton() {
|
||||
return (
|
||||
<Link href={"/config"}>
|
||||
<Button className="px-3" variant={"tertiary"}>
|
||||
<MdSettings className="text-2xl" />
|
||||
<Button className="p-2 sm:px-3" variant={"tertiary"}>
|
||||
<MdSettings className="text-lg sm:text-xl lg:text-2xl" />
|
||||
</Button>
|
||||
</Link>
|
||||
);
|
||||
|
@ -8,16 +8,16 @@ export function MicButton() {
|
||||
|
||||
return (
|
||||
<Button
|
||||
className="px-3"
|
||||
className="p-2 sm:px-3"
|
||||
variant={"tertiary"}
|
||||
type="button"
|
||||
onClick={startListening}
|
||||
disabled={!speechSupported}
|
||||
>
|
||||
{isListening ? (
|
||||
<MdMicOff className="text-2xl" />
|
||||
<MdMicOff className="text-lg sm:text-xl lg:text-2xl" />
|
||||
) : (
|
||||
<MdMic className="text-2xl" />
|
||||
<MdMic className="text-lg sm:text-xl lg:text-2xl" />
|
||||
)}
|
||||
</Button>
|
||||
);
|
||||
|
@ -28,11 +28,17 @@ export function ChatInput() {
|
||||
className="w-full p-2 border border-gray-300 dark:border-gray-500 outline-none rounded dark:bg-gray-800"
|
||||
placeholder="Begin conversation here..."
|
||||
/>
|
||||
<Button type="submit" isLoading={isSendingMessage}>
|
||||
<Button
|
||||
className="px-3 py-2 sm:px-4 sm:py-2"
|
||||
type="submit"
|
||||
isLoading={isSendingMessage}
|
||||
>
|
||||
{isSendingMessage ? "Thinking..." : "Chat"}
|
||||
</Button>
|
||||
<MicButton />
|
||||
<ConfigButton />
|
||||
<div className="flex items-center">
|
||||
<MicButton />
|
||||
<ConfigButton />
|
||||
</div>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user