vrr/HelperScripts-for-ProxmoxVE
2
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE.git synced 2025-09-11 09:54:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

Adding a scrollbar to the sidebar for better navigation. (#120)

Browse source 
* manually set basePath in `next.config.mjs`

* Fix: add getDisplayValueFromType formatting in InstallCommand instead of displaying raw type

* Refactor ScriptAccordion to improve layout and scroll handling
This commit is contained in:
Bram Suurd 2024-11-07 16:37:23 +01:00 • committed by GitHub
parent 0988ee1601
commit 10b2ddf3e0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 28 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/app/scripts/_components/ScriptItems/InstallCommand.tsx
View file

@ -2,6 +2,7 @@ import CodeCopyButton from "@/components/ui/code-copy-button";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { basePath } from "@/config/siteConfig";
import { Script } from "@/lib/types";
import { getDisplayValueFromType } from "../ScriptInfoBlocks";
const getInstallCommand = (scriptPath?: string) => {
return `bash -c "$(wget -qLO - https://github.com/community-scripts/${basePath}/raw/main/${scriptPath})"`;
@ -21,24 +22,29 @@ export default function InstallCommand({ item }: { item: Script }) {
<p className="text-sm mt-2">
{isAlpine ? (
<>
As an alternative option, you can use Alpine Linux and the {item.name}{" "}
package to create a {item.name} {item.type} container with faster
creation time and minimal system resource usage. You are also
obliged to adhere to updates provided by the package maintainer.
As an alternative option, you can use Alpine Linux and the{" "}
{item.name} package to create a {item.name}{" "}
{getDisplayValueFromType(item.type)} container with faster creation
time and minimal system resource usage. You are also obliged to
adhere to updates provided by the package maintainer.
</>
) : item.type ? (
<>
To create a new Proxmox VE {item.name} {item.type}, run the command
below in the Proxmox VE Shell.
To create a new Proxmox VE {item.name}{" "}
{getDisplayValueFromType(item.type)}, run the command below in the
Proxmox VE Shell.
</>
) : (
<>To use the {item.name} script, run the command below in the shell.</>
<>
To use the {item.name} script, run the command below in the shell.
</>
)}
</p>
{isAlpine && (
<p className="mt-2 text-sm">
To create a new Proxmox VE Alpine-{item.name} {item.type}, run the command
below in the Proxmox VE Shell
To create a new Proxmox VE Alpine-{item.name}{" "}
{getDisplayValueFromType(item.type)}, run the command below in the
Proxmox VE Shell
</p>
)}
</>