fix double border on code blocks in chat messages
This commit is contained in:
parent
d8d8472460
commit
7edba8ab24
2 changed files with 16 additions and 0 deletions
|
|
@ -1149,6 +1149,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
|
|||
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 */
|
||||
@media (max-width: 768px) {
|
||||
.ai-message pre {
|
||||
|
|
|
|||
|
|
@ -1227,6 +1227,14 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .uncloseai-chat-box {
|
|||
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 */
|
||||
@media (max-width: 768px) {
|
||||
.ai-message pre {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue