add a title component

2024-04-19 22:08:20 +01:00
parent 78390a3bc9
commit 1ed0e72316
9 changed files with 60 additions and 34 deletions
--- a/src/app/components/code-highlighter.tsx
+++ b/src/app/components/code-highlighter.tsx
@ -64,19 +64,21 @@ function rowRenderer({

 export function CodeHighlighter({ code, rounded = true }: CodeHighlighterProps): ReactElement {
  return (
-    <SyntaxHighlighter
-      language="json"
-      style={atomOneDark}
-      wrapLongLines
-      renderer={rowRenderer}
-      customStyle={{
-        maxHeight: "600px",
-        backgroundColor: "hsl(var(--background-accent))",
-        wordBreak: "break-all",
-        borderRadius: rounded ? "0.75rem" : undefined,
-      }}
-    >
-      {code}
-    </SyntaxHighlighter>
+    <div className="text-xs md:text-md">
+      <SyntaxHighlighter
+        language="json"
+        style={atomOneDark}
+        wrapLongLines
+        renderer={rowRenderer}
+        customStyle={{
+          maxHeight: "600px",
+          backgroundColor: "hsl(var(--background-accent))",
+          wordBreak: "break-all",
+          borderRadius: rounded ? "0.75rem" : undefined,
+        }}
+      >
+        {code}
+      </SyntaxHighlighter>
+    </div>
  );
 }