Browse Source

fix(render): scroll code block as a whole in preview

main
Mohan 1 month ago
parent
commit
680b84b1bb
  1. 7
      src/assets/markdown-override.css

7
src/assets/markdown-override.css

@ -59,27 +59,28 @@
padding: 16px; padding: 16px;
margin: 16px 0; margin: 16px 0;
overflow-x: auto; overflow-x: auto;
max-width: 100%;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
font-size: 85%; font-size: 85%;
line-height: 1.6; line-height: 1.6;
border: 1px solid #d0d7de; border: 1px solid #d0d7de;
} }
/* Quill 代码块:整块一起横向滚动,不换行 */
.markdown-body .ql-code-block { .markdown-body .ql-code-block {
white-space: pre; white-space: pre;
word-break: normal; word-break: normal;
overflow-x: auto;
} }
/* Markdown code blocks: horizontal scroll, no wrapping */
/* Markdown 代码块:整块一起横向滚动,不换行 */
.markdown-body pre { .markdown-body pre {
overflow-x: auto; overflow-x: auto;
max-width: 100%;
} }
.markdown-body pre code { .markdown-body pre code {
white-space: pre; white-space: pre;
word-break: normal; word-break: normal;
overflow-x: auto;
} }
.markdown-body.markdown-body-dark .ql-code-block-container { .markdown-body.markdown-body-dark .ql-code-block-container {

Loading…
Cancel
Save