fix: Fix the layout confusion caused by too long code #1404

shuashuai · shuashuai · commit 4fa1d0f494c9 · 2025-10-20T17:20:17.000+08:00
diff --git a/ui/src/index.scss b/ui/src/index.scss
@@ -52,6 +52,10 @@ img[src=''] {
   visibility: hidden !important;
 }
 
+.page-main {
+  overflow-x: auto;
+}
+
 .btn-link {
   text-decoration: none;
 }
@@ -280,6 +284,8 @@ img[src=''] {
       color: var(--an-212529);
       padding: 2px 4px;
       border-radius: 0.25rem;
+      overflow-wrap: normal;
+      white-space: inherit;
     }
   }
   pre {
@@ -288,6 +294,11 @@ img[src=''] {
     padding: 1rem;
     max-height: 38rem;
     white-space: pre-wrap;
+    overflow: auto;
+    code {
+      overflow-wrap: normal;
+      white-space: inherit;
+    }
   }
   blockquote {
     border-left: 0.25rem solid #ced4da;

Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,10 @@ img[src=''] {`
`52`	`52`	`visibility: hidden !important;`
`53`	`53`	`}`
`54`	`54`
	`55`	`+.page-main {`
	`56`	`+ overflow-x: auto;`
	`57`	`+}`
	`58`	`+`
`55`	`59`	`.btn-link {`
`56`	`60`	`text-decoration: none;`
`57`	`61`	`}`
`@@ -280,6 +284,8 @@ img[src=''] {`
`280`	`284`	`color: var(--an-212529);`
`281`	`285`	`padding: 2px 4px;`
`282`	`286`	`border-radius: 0.25rem;`
	`287`	`+ overflow-wrap: normal;`
	`288`	`+ white-space: inherit;`
`283`	`289`	`}`
`284`	`290`	`}`
`285`	`291`	`pre {`
`@@ -288,6 +294,11 @@ img[src=''] {`
`288`	`294`	`padding: 1rem;`
`289`	`295`	`max-height: 38rem;`
`290`	`296`	`white-space: pre-wrap;`
	`297`	`+ overflow: auto;`
	`298`	`+ code {`
	`299`	`+ overflow-wrap: normal;`
	`300`	`+ white-space: inherit;`
	`301`	`+ }`
`291`	`302`	`}`
`292`	`303`	`blockquote {`
`293`	`304`	`border-left: 0.25rem solid #ced4da;`