style(Message.jsx): add whitespace-pre-wrap to the message editor to preserve line breaks

This commit is contained in:
Daniel Avila 2023-04-21 23:12:45 -04:00
parent f5ff91cfbd
commit 2b7c1507ef

View file

@ -150,9 +150,8 @@ export default function Message({
) : edit ? ( ) : edit ? (
<div className="flex min-h-[20px] flex-grow flex-col items-start gap-4 "> <div className="flex min-h-[20px] flex-grow flex-col items-start gap-4 ">
{/* <div className={`${blinker ? 'result-streaming' : ''} markdown prose dark:prose-invert light w-full break-words`}> */} {/* <div className={`${blinker ? 'result-streaming' : ''} markdown prose dark:prose-invert light w-full break-words`}> */}
<div <div
className="markdown prose dark:prose-invert light w-full break-words border-none focus:outline-none" className="markdown prose dark:prose-invert light w-full whitespace-pre-wrap break-words border-none focus:outline-none"
contentEditable={true} contentEditable={true}
ref={textEditor} ref={textEditor}
suppressContentEditableWarning={true} suppressContentEditableWarning={true}