This commit is contained in:
MacRimi 2025-02-18 11:16:10 +01:00
parent f72fa7e5d1
commit ead9c6a119
2 changed files with 9 additions and 13 deletions

View File

@ -6,21 +6,21 @@ export default function InstallationPage() {
const installationCode = `bash -c "$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)"` const installationCode = `bash -c "$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)"`
return ( 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> <h1 className="text-3xl font-bold mb-6">Installing ProxMenux</h1>
<h2 className="text-xl font-semibold mt-6 mb-2">Installation</h2> <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> <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"> <div className="w-full mb-4">
<CopyableCode code={installationCode} className="w-full" /> <CopyableCode code={installationCode} />
</div> </div>
<h2 className="text-xl font-semibold mt-6 mb-2">How to Use</h2> <h2 className="text-xl font-semibold mt-6 mb-2">How to Use</h2>
<p className="mb-2"> <p className="mb-2">
Once installed, launch <strong>ProxMenux</strong> by running: Once installed, launch <strong>ProxMenux</strong> by running:
</p> </p>
<div className="w-full overflow-hidden mb-4"> <div className="w-full mb-4">
<CopyableCode code="menu" className="w-full" /> <CopyableCode code="menu" />
</div> </div>
<h2 className="text-xl font-semibold mt-8 mb-4">Troubleshooting</h2> <h2 className="text-xl font-semibold mt-8 mb-4">Troubleshooting</h2>
@ -34,4 +34,3 @@ export default function InstallationPage() {
</div> </div>
) )
} }

View File

@ -1,5 +1,3 @@
"use client" "use client"
import type React from "react" import type React from "react"
@ -30,13 +28,14 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
<div className={cn("relative w-full", className)}> <div className={cn("relative w-full", className)}>
<pre <pre
className={cn( className={cn(
"bg-gray-100 p-2 rounded-md overflow-x-auto", "bg-gray-100 p-2 rounded-md",
"text-base", "text-base",
"w-full", "w-full overflow-x-auto",
"flex items-center",
language ? `language-${language}` : "", language ? `language-${language}` : "",
)} )}
> >
<code className="whitespace-pre">{decodeURIComponent(code)}</code> <code className="whitespace-pre flex-1 min-w-0">{decodeURIComponent(code)}</code>
</pre> </pre>
<button <button
onClick={copyToClipboard} onClick={copyToClipboard}
@ -50,5 +49,3 @@ const CopyableCode: React.FC<CopyableCodeProps> = ({ code, language, className }
} }
export default CopyableCode export default CopyableCode