engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix code block width - use 90% for desktop (relative to modal), 85vw for mobile

Browse source
This commit is contained in:
Russell Ballestrini 2025-10-11 09:15:35 -04:00
parent 0ede23a4db
commit 7406950040
2 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/uncloseai-modal-builtin.css
View file

@ -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 */

5
src/uncloseai-modal-pico.css
View file

@ -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 */