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

fix mobile edit

This commit is contained in:
Mckay Wrigley 2023-03-25 06:41:43 -06:00
parent 1e6531354d
commit 801451993c
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/Chat/ChatMessage.tsx
View File

@ -57,7 +57,6 @@ export const ChatMessage: FC<Props> = ({ message, messageIndex, lightMode, onEdi
style={{ overflowWrap: "anywhere" }} style={{ overflowWrap: "anywhere" }}
onMouseEnter={() => setIsHovering(true)} onMouseEnter={() => setIsHovering(true)}
onMouseLeave={() => setIsHovering(false)} onMouseLeave={() => setIsHovering(false)}
onClick={() => setIsHovering(!isHovering)}
> >
<div className="text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-2xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto relative"> <div className="text-base gap-4 md:gap-6 md:max-w-2xl lg:max-w-2xl xl:max-w-3xl p-4 md:py-6 flex lg:px-0 m-auto relative">
<div className="font-bold min-w-[40px]">{message.role === "assistant" ? "AI:" : "You:"}</div> <div className="font-bold min-w-[40px]">{message.role === "assistant" ? "AI:" : "You:"}</div>
@ -105,8 +104,8 @@ export const ChatMessage: FC<Props> = ({ message, messageIndex, lightMode, onEdi
<div className="prose dark:prose-invert whitespace-pre-wrap">{message.content}</div> <div className="prose dark:prose-invert whitespace-pre-wrap">{message.content}</div>
)} )}
{isHovering && !isEditing && ( {(isHovering || window.innerWidth < 640) && !isEditing && (
<button className="absolute right-[-20px] top-[26px]"> <button className={`absolute ${window.innerWidth < 640 ? "right-1 bottom-1" : "right-[-20px] top-[26px]"}`}>
<IconEdit <IconEdit
size={20} size={20}
className="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300" className="text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"