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)); let markdownRendered = DOMPurify.sanitize(md.render(props.message));
return ( return (
<div <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} {icon}
<div dangerouslySetInnerHTML={{ __html: markdownRendered }} /> <div dangerouslySetInnerHTML={{ __html: markdownRendered }} />