From a367a8c7d75a4dfe3ef89e0c944aee986d62519d Mon Sep 17 00:00:00 2001 From: chernistry Date: Mon, 6 Apr 2026 22:18:11 +0300 Subject: [PATCH] fix: consistent chat message bubble widths in widescreen mode The markdown-prose class uses Tailwind's prose plugin which applies a default max-width of 65ch. This conflicts with the parent container's w-full/min-w-full constraints, causing message bubbles to resize inconsistently when content (especially code blocks like YAML) exceeds the 65ch limit. Adding max-w-none removes the prose default max-width and lets the parent Message container control the overall width via max-w-5xl (normal) or max-w-full (widescreen). Fixes #5975 --- src/app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app.css b/src/app.css index b7b70aeeb3..6bf7d5d4cd 100644 --- a/src/app.css +++ b/src/app.css @@ -103,7 +103,7 @@ textarea::placeholder { } .markdown-prose { - @apply prose dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal prose-headings:font-semibold prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line; + @apply prose max-w-none dark:prose-invert prose-blockquote:border-s-gray-100 prose-blockquote:dark:border-gray-800 prose-blockquote:border-s-2 prose-blockquote:not-italic prose-blockquote:font-normal prose-headings:font-semibold prose-hr:my-4 prose-hr:border-gray-50 prose-hr:dark:border-gray-850 prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line; } .markdown-prose-sm {