From ead9c6a1191df7a82b17a48bdd98c94864d3081c Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Tue, 18 Feb 2025 11:16:10 +0100
Subject: [PATCH] update

---
 web/app/docs/installation/page.tsx | 11 +++++------
 web/components/CopyableCode.tsx    | 11 ++++-------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/web/app/docs/installation/page.tsx b/web/app/docs/installation/page.tsx
index f4c2778..799f419 100644
--- a/web/app/docs/installation/page.tsx
+++ b/web/app/docs/installation/page.tsx
@@ -6,21 +6,21 @@ export default function InstallationPage() {
   const installationCode = `bash -c "$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)"`
 
   return (
-    <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8 text-gray-900">
+    <div className="w-full max-w-4xl mx-auto px-4 py-8 text-gray-900">
       <h1 className="text-3xl font-bold mb-6">Installing ProxMenux</h1>
 
       <h2 className="text-xl font-semibold mt-6 mb-2">Installation</h2>
       <p className="mb-2">To install ProxMenux, simply run the following command in your Proxmox server terminal:</p>
-      <div className="w-full overflow-hidden mb-4">
-        <CopyableCode code={installationCode} className="w-full" />
+      <div className="w-full mb-4">
+        <CopyableCode code={installationCode} />
       </div>
 
       <h2 className="text-xl font-semibold mt-6 mb-2">How to Use</h2>
       <p className="mb-2">
         Once installed, launch <strong>ProxMenux</strong> by running:
       </p>
-      <div className="w-full overflow-hidden mb-4">
-        <CopyableCode code="menu" className="w-full" />
+      <div className="w-full mb-4">
+        <CopyableCode code="menu" />
       </div>
 
       <h2 className="text-xl font-semibold mt-8 mb-4">Troubleshooting</h2>
@@ -34,4 +34,3 @@ export default function InstallationPage() {
     </div>
   )
 }
-
diff --git a/web/components/CopyableCode.tsx b/web/components/CopyableCode.tsx
index 74f940d..c20bb4c 100644
--- a/web/components/CopyableCode.tsx
+++ b/web/components/CopyableCode.tsx
@@ -1,5 +1,3 @@
-
-
 "use client"
 
 import type React from "react"
@@ -30,13 +28,14 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
     <div className={cn("relative w-full", className)}>
       <pre
         className={cn(
-          "bg-gray-100 p-2 rounded-md overflow-x-auto",
+          "bg-gray-100 p-2 rounded-md",
           "text-base",
-          "w-full",
+          "w-full overflow-x-auto",
+          "flex items-center",
           language ? `language-${language}` : "",
         )}
       >
-        <code className="whitespace-pre">{decodeURIComponent(code)}</code>
+        <code className="whitespace-pre flex-1 min-w-0">{decodeURIComponent(code)}</code>
       </pre>
       <button
         onClick={copyToClipboard}
@@ -50,5 +49,3 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
 }
 
 export default CopyableCode
-
-