[playground] Fix error wrapping for realsies
CSS is hard (jk i'm just terrible at it now)
Lauren Tan committed
Feb 1, 2023 at 14:14 UTC
1baf22a421b04d868d92e6cdb418205c3c67c8f1
1 file changed
+5
-5
compiler/forget/packages/playground/components/Editor/Output.tsx
+5
-5
@@ -193,12 +193,12 @@ function Output({ store, compilerOutput }: Props) {
193
<div className="w-full p-4 basis-full border-b">
194
<h2>COMPILER ERRORS</h2>
195
</div>
196
- <code
197
- className="p-4 basis-full text-red-600 overflow-x-hidden"
198
- style={{ maxHeight: "20vh" }}
196
+ <pre
197
+ className="p-4 basis-full text-red-600 overflow-y-scroll whitespace-pre-wrap"
198
+ style={{ width: "calc(100vw - 650px)", maxHeight: "20vh" }}
199
>
200
- {compilerOutput.error.toString()}
201
- </code>
200
+ <code>{compilerOutput.error.toString()}</code>
201
+ </pre>
202
</div>
203
) : null}
204
</>