Now wraps response lines if they're too long for container

iway1 · Feb 1, 2023 · 7b6ff1e · 7b6ff1e
1 parent 445bc69
commit 7b6ff1e
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/trpc-panel/src/react-app/components/form/ProcedureForm/Response.tsx b/packages/trpc-panel/src/react-app/components/form/ProcedureForm/Response.tsx
@@ -2,9 +2,9 @@ import React from "react";
 import { FormSection } from "./FormSection";
 
 export function Response({ children }: { children: string }) {
-    return (
-        <FormSection title="Response">
-            <p className="whitespace-pre font-mono">{children}</p>
-        </FormSection>
-    );
+  return (
+    <FormSection title="Response">
+      <p className="font-mono whitespace-pre-wrap break-words">{children}</p>
+    </FormSection>
+  );
 }