From 7406950040785ac8d2194dd7bbde9df7d3736dee Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Sat, 11 Oct 2025 09:15:35 -0400 Subject: [PATCH] fix code block width - use 90% for desktop (relative to modal), 85vw for mobile --- src/uncloseai-modal-builtin.css | 5 +++-- src/uncloseai-modal-pico.css | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css index 6b0cbb1..fc1417f 100644 --- a/src/uncloseai-modal-builtin.css +++ b/src/uncloseai-modal-builtin.css @@ -1120,13 +1120,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box { } /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */ +/* Desktop: use percentage relative to modal */ .ai-message pre { overflow-x: auto; - max-width: 72vw; + max-width: 90%; } .ai-message code { - max-width: 72vw; + max-width: 90%; } /* Mobile: use viewport units since modal is fullscreen */ diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css index 0291937..0e5b056 100644 --- a/src/uncloseai-modal-pico.css +++ b/src/uncloseai-modal-pico.css @@ -1193,13 +1193,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box { } /* Code blocks within AI messages - allow horizontal scroll, preserve all whitespace */ +/* Desktop: use percentage relative to modal */ .ai-message pre { overflow-x: auto; - max-width: 72vw; + max-width: 90%; } .ai-message code { - max-width: 72vw; + max-width: 90%; } /* Mobile: use viewport units since modal is fullscreen */