From 90645cc89910f0c712186569054f98b79ec64786 Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Sat, 11 Oct 2025 09:19:25 -0400 Subject: [PATCH] fix code block width - use min(72vw, 900px) to handle both narrow and wide viewports --- src/uncloseai-modal-builtin.css | 4 ++-- src/uncloseai-modal-pico.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css index 6b0cbb1..6226ab0 100644 --- a/src/uncloseai-modal-builtin.css +++ b/src/uncloseai-modal-builtin.css @@ -1122,11 +1122,11 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box { /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */ .ai-message pre { overflow-x: auto; - max-width: 72vw; + max-width: min(72vw, 900px); } .ai-message code { - max-width: 72vw; + max-width: min(72vw, 900px); } /* Mobile: use viewport units since modal is fullscreen */ diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css index 0291937..52e68ae 100644 --- a/src/uncloseai-modal-pico.css +++ b/src/uncloseai-modal-pico.css @@ -1195,11 +1195,11 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box { /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */ .ai-message pre { overflow-x: auto; - max-width: 72vw; + max-width: min(72vw, 900px); } .ai-message code { - max-width: 72vw; + max-width: min(72vw, 900px); } /* Mobile: use viewport units since modal is fullscreen */