fix: set wrap-content to true for better code readability

ad1992 · ad1992 · commit e065e0a2b4bf · 2025-04-27T11:24:35.000+05:30
diff --git a/src/components/MDX/Sandpack/CustomPreset.tsx b/src/components/MDX/Sandpack/CustomPreset.tsx
@@ -125,6 +125,7 @@ const Editor = memo(function Editor({
       showTabs={false}
       showRunButton={false}
       extensions={lintExtensions}
+      wrapContent={true}
     />
   );
 });
diff --git a/src/styles/sandpack.css b/src/styles/sandpack.css
@@ -216,7 +216,6 @@ html.dark .sp-wrapper {
 
 .sandpack--playground .sp-code-editor .cm-line {
   padding: 0 var(--sp-space-3);
-  width: max-content;
 }
 
 .sandpack--playground .sp-code-editor .cm-lineNumbers {

Original file line number	Diff line number	Diff line change
`@@ -216,7 +216,6 @@ html.dark .sp-wrapper {`
`216`	`216`
`217`	`217`	`.sandpack--playground .sp-code-editor .cm-line {`
`218`	`218`	`padding: 0 var(--sp-space-3);`
`219`		`- width: max-content;`
`220`	`219`	`}`
`221`	`220`
`222`	`221`	`.sandpack--playground .sp-code-editor .cm-lineNumbers {`