Break long links in train of thought to stay within chat page width

This commit is contained in:
Debanjum Singh Solanky 2024-08-13 15:26:52 +05:30
parent c0316a6b5d
commit ca45fce8ac

View file

@ -262,7 +262,7 @@ export function TrainOfThought(props: TrainOfThoughtProps) {
let markdownRendered = DOMPurify.sanitize(md.render(props.message));
return (
<div
className={`${styles.trainOfThoughtElement} items-center ${props.primary ? "text-gray-400" : "text-gray-300"} ${styles.trainOfThought} ${props.primary ? styles.primary : ""}`}
className={`${styles.trainOfThoughtElement} break-all items-center ${props.primary ? "text-gray-400" : "text-gray-300"} ${styles.trainOfThought} ${props.primary ? styles.primary : ""}`}
>
{icon}
<div dangerouslySetInnerHTML={{ __html: markdownRendered }} />