Fix RA preview in image exports: left-align, white background, larger text

Edwinexd · Edwinexd · commit 98321b0c02de · 2026-03-20T18:27:21.000+01:00
diff --git a/src/ExportRenderer.tsx b/src/ExportRenderer.tsx
@@ -57,7 +57,7 @@ const ExportRenderer = React.forwardRef<HTMLDivElement, ExportRendererProps>(({
       }
       {query?.mode === "ra" ? (
         <div
-          className="font-serif text-xl w-full bg-slate-200 max-w-4xl min-h-40 my-2 p-3 rounded"
+          className="font-serif text-2xl text-left w-full bg-white max-w-4xl min-h-40 my-2 p-3 rounded border border-gray-300"
           dangerouslySetInnerHTML={{ __html: renderRAPreview(query.code) }}
         />
       ) : (

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ const ExportRenderer = React.forwardRef<HTMLDivElement, ExportRendererProps>(({`
`57`	`57`	`}`
`58`	`58`	`{query?.mode === "ra" ? (`
`59`	`59`	`<div`
`60`		`- className="font-serif text-xl w-full bg-slate-200 max-w-4xl min-h-40 my-2 p-3 rounded"`
	`60`	`+ className="font-serif text-2xl text-left w-full bg-white max-w-4xl min-h-40 my-2 p-3 rounded border border-gray-300"`
`61`	`61`	`dangerouslySetInnerHTML={{ __html: renderRAPreview(query.code) }}`
`62`	`62`	`/>`
`63`	`63`	`) : (`