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

fix double border on code blocks in chat messages

Browse source
This commit is contained in:
russell@unturf.com 2026-02-24 17:48:52 -05:00
parent d8d8472460
commit 7edba8ab24
2 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
public/src/uncloseai-modal-builtin.css
View file

@ -1149,6 +1149,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
max-width: min(72vw, 900px); max-width: min(72vw, 900px);
} }
/* Remove double border: pre has the border, inner code should be transparent */
.ai-message pre > code {
background: none;
border: none;
padding: 0;
border-radius: 0;
}
/* Mobile: use viewport units since modal is fullscreen */ /* Mobile: use viewport units since modal is fullscreen */
@media (max-width: 768px) { @media (max-width: 768px) {
.ai-message pre { .ai-message pre {

8
public/src/uncloseai-modal-pico.css
View file

@ -1227,6 +1227,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
max-width: min(72vw, 900px); max-width: min(72vw, 900px);
} }
/* Remove double border: pre has the border, inner code should be transparent */
.ai-message pre > code {
background: none;
border: none;
padding: 0;
border-radius: 0;
}
/* Mobile: use viewport units since modal is fullscreen */ /* Mobile: use viewport units since modal is fullscreen */
@media (max-width: 768px) { @media (max-width: 768px) {
.ai-message pre { .ai-message pre {