From 9f6cf2eb7174e400ac19f040c57614cd499de13b Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Tue, 18 Feb 2025 00:11:52 +0100
Subject: [PATCH] Update CopyableCode.tsx

---
 web/components/CopyableCode.tsx | 32 +++++++++++++-------------------
 1 file changed, 13 insertions(+), 19 deletions(-)

diff --git a/web/components/CopyableCode.tsx b/web/components/CopyableCode.tsx
index bfe6e21..86175d9 100644
--- a/web/components/CopyableCode.tsx
+++ b/web/components/CopyableCode.tsx
@@ -26,32 +26,26 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
 
   return (
     <div className={cn("relative w-full", className)}>
-      <div className="w-full overflow-x-auto">
-        <pre
-          className={cn(
-            "w-full min-w-0 bg-gray-100 p-2 sm:p-3 md:p-4 rounded-md overflow-x-auto",
-            "text-xs sm:text-sm md:text-base",
-            "max-w-full",
-            language ? `language-${language}` : "",
-          )}
-        >
-          <code className="whitespace-pre">{decodeURIComponent(code)}</code>
-        </pre>
-      </div>
-
+      <pre
+        className={cn(
+          "bg-gray-100 p-2 rounded-md overflow-x-auto",
+          "text-sm",
+          "w-full min-w-[300px] max-w-full",
+          language ? `language-${language}` : "",
+        )}
+      >
+        <code className="whitespace-pre">{decodeURIComponent(code)}</code>
+      </pre>
       <button
         onClick={copyToClipboard}
-        className="absolute top-1 right-1 sm:top-2 sm:right-2 p-1 sm:p-2 bg-white rounded-md shadow-sm hover:bg-gray-100 transition-colors"
+        className="absolute top-1 right-1 p-1 bg-white rounded-md shadow-sm hover:bg-gray-100 transition-colors"
         aria-label="Copy code"
       >
-        {isCopied ? (
-          <Check className="h-3 w-3 sm:h-4 sm:w-4 text-green-500" />
-        ) : (
-          <Copy className="h-3 w-3 sm:h-4 sm:w-4 text-gray-500" />
-        )}
+        {isCopied ? <Check className="h-3 w-3 text-green-500" /> : <Copy className="h-3 w-3 text-gray-500" />}
       </button>
     </div>
   )
 }
 
 export default CopyableCode
+