fixed white-space issue for messages that contain code

LAION-AI · Jan 17, 2023 · 51a1d9a · 51a1d9a
1 parent 18e7eb8
commit 51a1d9a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/website/src/components/Messages/MessageTableEntry.tsx b/website/src/components/Messages/MessageTableEntry.tsx
@@ -30,7 +30,12 @@ export function MessageTableEntry(props: MessageTableEntryProps) {
         {props.enabled ? (
           <Box width={["full", "full", "full", "fit-content"]} maxWidth={["full", "full", "full", "2xl"]}>
             <Link href={`/messages/${item.id}`}>
-              <LinkBox bg={item.is_assistant ? backgroundColor : backgroundColor2} p="4" borderRadius="md">
+              <LinkBox
+                bg={item.is_assistant ? backgroundColor : backgroundColor2}
+                p="4"
+                borderRadius="md"
+                whiteSpace="pre-line"
+              >
                 {item.text}
               </LinkBox>
             </Link>