调整Markdown编辑器的内边距，以改善可读性和一致性

chenshuai2144 · chenshuai2144 · commit bce1260f30c3 · 2025-03-12T14:21:38.000+08:00
diff --git a/src/MarkdownEditor/BaseMarkdownEditor.tsx b/src/MarkdownEditor/BaseMarkdownEditor.tsx
@@ -466,7 +466,7 @@ export const BaseMarkdownEditor: React.FC<MarkdownEditorProps> = (props) => {
           ) : readonly ? null : null}
           <div
             style={{
-              padding: props.readonly ? '8px' : '12px 20px',
+              padding: '12px 20px',
               overflow: 'auto',
               display: 'flex',
               height:
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/bug.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/bug.snap
@@ -13,7 +13,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -65,7 +65,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -1676,7 +1676,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -3171,7 +3171,7 @@
       style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
     >
       <div
-        style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+        style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
       >
         <div
           autocapitalize="false"
@@ -207995,7 +207995,7 @@
       style="width: 400px; height: auto; display: flex; flex-direction: column; max-height: 100%;"
     >
       <div
-        style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+        style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
       >
         <div
           autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/empty.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/empty.snap
@@ -1043,7 +1043,7 @@
           style="width: 60vw; height: 500px; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/li-code.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/li-code.snap
@@ -11,7 +11,7 @@
       style="width: 100vw; height: auto; display: flex; flex-direction: column; max-height: 100%;"
     >
       <div
-        style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+        style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
       >
         <div
           autocapitalize="false"
@@ -2539,7 +2539,7 @@ while i &lt; len(arr):
       style="width: 100vw; height: auto; display: flex; flex-direction: column; max-height: 100%;"
     >
       <div
-        style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+        style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
       >
         <div
           autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/max-chart.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/max-chart.snap
@@ -10,7 +10,7 @@
       style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
     >
       <div
-        style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+        style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
       >
         <div
           autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/min-render.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/min-render.snap
@@ -44,7 +44,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -144,7 +144,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -2907,7 +2907,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -3435,7 +3435,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -4316,7 +4316,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -5197,7 +5197,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -6078,7 +6078,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -6959,7 +6959,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -7840,7 +7840,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -8058,7 +8058,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -8237,7 +8237,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -8465,7 +8465,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -9834,7 +9834,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -10079,7 +10079,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
@@ -10367,7 +10367,7 @@
           style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
         >
           <div
-            style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+            style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
           >
             <div
               autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/min.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/min.snap
@@ -13,7 +13,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -132,7 +132,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -2914,7 +2914,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -3701,7 +3701,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -4745,7 +4745,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -4982,7 +4982,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -5180,7 +5180,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -5427,7 +5427,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -7013,7 +7013,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
@@ -7164,7 +7164,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/minPreview.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/minPreview.snap
@@ -13,7 +13,7 @@
         style="width: 80%; height: calc(100vh - 400px); display: flex; flex-direction: column; max-height: 100%; margin: 0px auto; border: 1px solid #e5e5e9;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/readonly.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/readonly.snap
@@ -13,7 +13,7 @@
         style="width: calc(99vw - 16px); height: auto; display: flex; flex-direction: column; max-height: 100%; border: 1px solid #eee;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"
diff --git a/tests/demo/__snapshots__/src/MarkdownEditor/demos/rerender.snap b/tests/demo/__snapshots__/src/MarkdownEditor/demos/rerender.snap
@@ -14,7 +14,7 @@
         style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"
       >
         <div
-          style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
+          style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"
         >
           <div
             autocapitalize="false"

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`14`	`14`	`>`
`15`	`15`	`<div`
`16`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`16`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`17`	`17`	`>`
`18`	`18`	`<div`
`19`	`19`	`autocapitalize="false"`
`@@ -65,7 +65,7 @@`
`65`	`65`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`66`	`66`	`>`
`67`	`67`	`<div`
`68`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`68`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`69`	`69`	`>`
`70`	`70`	`<div`
`71`	`71`	`autocapitalize="false"`
`@@ -1676,7 +1676,7 @@`
`1676`	`1676`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`1677`	`1677`	`>`
`1678`	`1678`	`<div`
`1679`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`1679`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`1680`	`1680`	`>`
`1681`	`1681`	`<div`
`1682`	`1682`	`autocapitalize="false"`
`@@ -3171,7 +3171,7 @@`
`3171`	`3171`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`3172`	`3172`	`>`
`3173`	`3173`	`<div`
`3174`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`3174`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`3175`	`3175`	`>`
`3176`	`3176`	`<div`
`3177`	`3177`	`autocapitalize="false"`
`@@ -207995,7 +207995,7 @@`
`207995`	`207995`	`style="width: 400px; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`207996`	`207996`	`>`
`207997`	`207997`	`<div`
`207998`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`207998`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`207999`	`207999`	`>`
`208000`	`208000`	`<div`
`208001`	`208001`	`autocapitalize="false"`
Original file line number	Diff line number	Diff line change
`@@ -1043,7 +1043,7 @@`
`1043`	`1043`	`style="width: 60vw; height: 500px; display: flex; flex-direction: column; max-height: 100%;"`
`1044`	`1044`	`>`
`1045`	`1045`	`<div`
`1046`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`1046`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`1047`	`1047`	`>`
`1048`	`1048`	`<div`
`1049`	`1049`	`autocapitalize="false"`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`style="width: 100vw; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`12`	`12`	`>`
`13`	`13`	`<div`
`14`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`14`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`15`	`15`	`>`
`16`	`16`	`<div`
`17`	`17`	`autocapitalize="false"`
`@@ -2539,7 +2539,7 @@ while i < len(arr):`
`2539`	`2539`	`style="width: 100vw; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`2540`	`2540`	`>`
`2541`	`2541`	`<div`
`2542`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`2542`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`2543`	`2543`	`>`
`2544`	`2544`	`<div`
`2545`	`2545`	`autocapitalize="false"`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`11`	`11`	`>`
`12`	`12`	`<div`
`13`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`13`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`14`	`14`	`>`
`15`	`15`	`<div`
`16`	`16`	`autocapitalize="false"`
Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@`
`44`	`44`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`45`	`45`	`>`
`46`	`46`	`<div`
`47`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`47`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`48`	`48`	`>`
`49`	`49`	`<div`
`50`	`50`	`autocapitalize="false"`
`@@ -144,7 +144,7 @@`
`144`	`144`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`145`	`145`	`>`
`146`	`146`	`<div`
`147`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`147`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`148`	`148`	`>`
`149`	`149`	`<div`
`150`	`150`	`autocapitalize="false"`
`@@ -2907,7 +2907,7 @@`
`2907`	`2907`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`2908`	`2908`	`>`
`2909`	`2909`	`<div`
`2910`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`2910`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`2911`	`2911`	`>`
`2912`	`2912`	`<div`
`2913`	`2913`	`autocapitalize="false"`
`@@ -3435,7 +3435,7 @@`
`3435`	`3435`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`3436`	`3436`	`>`
`3437`	`3437`	`<div`
`3438`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`3438`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`3439`	`3439`	`>`
`3440`	`3440`	`<div`
`3441`	`3441`	`autocapitalize="false"`
`@@ -4316,7 +4316,7 @@`
`4316`	`4316`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`4317`	`4317`	`>`
`4318`	`4318`	`<div`
`4319`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`4319`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`4320`	`4320`	`>`
`4321`	`4321`	`<div`
`4322`	`4322`	`autocapitalize="false"`
`@@ -5197,7 +5197,7 @@`
`5197`	`5197`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`5198`	`5198`	`>`
`5199`	`5199`	`<div`
`5200`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`5200`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`5201`	`5201`	`>`
`5202`	`5202`	`<div`
`5203`	`5203`	`autocapitalize="false"`
`@@ -6078,7 +6078,7 @@`
`6078`	`6078`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`6079`	`6079`	`>`
`6080`	`6080`	`<div`
`6081`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`6081`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`6082`	`6082`	`>`
`6083`	`6083`	`<div`
`6084`	`6084`	`autocapitalize="false"`
`@@ -6959,7 +6959,7 @@`
`6959`	`6959`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`6960`	`6960`	`>`
`6961`	`6961`	`<div`
`6962`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`6962`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`6963`	`6963`	`>`
`6964`	`6964`	`<div`
`6965`	`6965`	`autocapitalize="false"`
`@@ -7840,7 +7840,7 @@`
`7840`	`7840`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`7841`	`7841`	`>`
`7842`	`7842`	`<div`
`7843`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`7843`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`7844`	`7844`	`>`
`7845`	`7845`	`<div`
`7846`	`7846`	`autocapitalize="false"`
`@@ -8058,7 +8058,7 @@`
`8058`	`8058`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`8059`	`8059`	`>`
`8060`	`8060`	`<div`
`8061`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`8061`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`8062`	`8062`	`>`
`8063`	`8063`	`<div`
`8064`	`8064`	`autocapitalize="false"`
`@@ -8237,7 +8237,7 @@`
`8237`	`8237`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`8238`	`8238`	`>`
`8239`	`8239`	`<div`
`8240`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`8240`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`8241`	`8241`	`>`
`8242`	`8242`	`<div`
`8243`	`8243`	`autocapitalize="false"`
`@@ -8465,7 +8465,7 @@`
`8465`	`8465`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`8466`	`8466`	`>`
`8467`	`8467`	`<div`
`8468`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`8468`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`8469`	`8469`	`>`
`8470`	`8470`	`<div`
`8471`	`8471`	`autocapitalize="false"`
`@@ -9834,7 +9834,7 @@`
`9834`	`9834`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`9835`	`9835`	`>`
`9836`	`9836`	`<div`
`9837`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`9837`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`9838`	`9838`	`>`
`9839`	`9839`	`<div`
`9840`	`9840`	`autocapitalize="false"`
`@@ -10079,7 +10079,7 @@`
`10079`	`10079`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`10080`	`10080`	`>`
`10081`	`10081`	`<div`
`10082`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`10082`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`10083`	`10083`	`>`
`10084`	`10084`	`<div`
`10085`	`10085`	`autocapitalize="false"`
`@@ -10367,7 +10367,7 @@`
`10367`	`10367`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`10368`	`10368`	`>`
`10369`	`10369`	`<div`
`10370`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`10370`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`10371`	`10371`	`>`
`10372`	`10372`	`<div`
`10373`	`10373`	`autocapitalize="false"`
Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@`
`14`	`14`	`style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;"`
`15`	`15`	`>`
`16`	`16`	`<div`
`17`		`- style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
	`17`	`+ style="padding: 12px 20px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;"`
`18`	`18`	`>`
`19`	`19`	`<div`
`20`	`20`	`autocapitalize="false"`