jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

🎨 style(chatMessage/index.tsx): add responsive max-width to the markdown container to improve readability on smaller screens

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-07-10 15:17:13 -03:00
commit 43063dd00f
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/modals/formModal/chatMessage/index.tsx
View file

@ -79,7 +79,7 @@ export default function ChatMessage({
remarkPlugins={[remarkGfm, remarkMath]} remarkPlugins={[remarkGfm, remarkMath]}
rehypePlugins={[rehypeMathjax]} rehypePlugins={[rehypeMathjax]}
className="markdown prose inline-block break-words text-primary className="markdown prose inline-block break-words text-primary
dark:prose-invert" dark:prose-invert sm:max-w-[30vw] lg:max-w-[40vw]"
components={{ components={{
code({ node, inline, className, children, ...props }) { code({ node, inline, className, children, ...props }) {
if (children.length) { if (children.length) {