mirror of
https://github.com/ChenQihan666/MyBlog-Next.git
synced 2026-08-14 11:29:33 +08:00
fix: prevent overflow by adding line breaks in table codes (#485)
Horizontal overflow occurs when a code block in markdown table is too long. This is prevented by adding line breaks (`break-all`) in codes inside table.
This commit is contained in:
@@ -29,9 +29,15 @@
|
|||||||
pre:has(code) {
|
pre:has(code) {
|
||||||
@apply border border-border;
|
@apply border border-border;
|
||||||
}
|
}
|
||||||
code,
|
|
||||||
blockquote {
|
.prose code,
|
||||||
word-wrap: break-word;
|
.prose blockquote {
|
||||||
|
@apply break-words;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose table code {
|
||||||
|
/* add line breaks whenever necessary for codes under table */
|
||||||
|
@apply break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre > code {
|
pre > code {
|
||||||
|
|||||||
Reference in New Issue
Block a user