Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-06-27 20:06:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/app/docs/installation/page.tsx
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)"`
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>
)
}

11
web/components/CopyableCode.tsx
View File

@ -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