martin/ProxmoxVE
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE synced 2025-02-04 23:10:16 +00:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

Update page.tsx

Browse Source
This commit is contained in:
CanbiZ 2025-01-27 13:48:19 +01:00 committed by GitHub
parent 7e1fb858d7
commit 030174f508
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/app/category-view/page.tsx
View File

@ -78,26 +78,28 @@ const CategoryView = () => {
onClick={() => handleScriptClick(script.slug)} onClick={() => handleScriptClick(script.slug)}
> >
<CardContent className="flex flex-col gap-4"> <CardContent className="flex flex-col gap-4">
<div className="flex items-center gap-4"> <div>
<h3 className="text-lg font-bold">{script.name}</h3>
<p className="text-sm text-gray-500">
<b>Created at:</b> {script.date_created || "No date available"}
</p>
</div>
<div className="flex flex-wrap justify-center gap-2">
<img <img
src={script.logo || defaultLogo} src={script.logo || defaultLogo}
alt={script.name} alt={script.name}
className="h-12 w-12 object-contain" className="h-12 w-12 object-contain"
/> />
<div>
<h3 className="text-lg font-bold">{script.name}</h3>
<p className="text-sm text-gray-500">
<b>Created at:</b> {script.date_created || "No date available"}
</p>
<p className="text-sm text-gray-700">
{truncateDescription(script.description || "No description available.")}
</p>
</div>
</div> </div>
<div className="text-sm text-gray-600"> <div>
<b>CPU:</b> {script.install_methods[0]?.resources.cpu || "N/A"}vCPU |{" "} <p className="text-sm text-gray-700">
<b>RAM:</b> {script.install_methods[0]?.resources.ram || "N/A"}MB |{" "} {truncateDescription(script.description || "No description available.")}
<b>HDD:</b> {script.install_methods[0]?.resources.hdd || "N/A"}GB </p>
<div className="text-sm text-gray-600 mt-2">
<b>CPU:</b> {script.install_methods[0]?.resources.cpu || "N/A"}vCPU |{" "}
<b>RAM:</b> {script.install_methods[0]?.resources.ram || "N/A"}MB |{" "}
<b>HDD:</b> {script.install_methods[0]?.resources.hdd || "N/A"}GB
</div>
</div> </div>
</CardContent> </CardContent>
</Card> </Card>
@ -120,6 +122,7 @@ const CategoryView = () => {
className="cursor-pointer hover:shadow-lg flex flex-col items-center justify-center" className="cursor-pointer hover:shadow-lg flex flex-col items-center justify-center"
> >
<CardContent className="flex flex-col items-center"> <CardContent className="flex flex-col items-center">
<h3 className="text-xl font-bold mb-2">{category.name}</h3>
<div className="flex flex-wrap justify-center gap-2 mb-4"> <div className="flex flex-wrap justify-center gap-2 mb-4">
{category.scripts && {category.scripts &&
getRandomScripts(category.scripts).map((script, index) => ( getRandomScripts(category.scripts).map((script, index) => (
@ -131,7 +134,6 @@ const CategoryView = () => {
/> />
))} ))}
</div> </div>
<h3 className="text-xl font-bold mb-2">{category.name}</h3>
<p className="text-sm text-gray-400 text-center"> <p className="text-sm text-gray-400 text-center">
{(category as any).description || "No description available."} {(category as any).description || "No description available."}
</p> </p>