community-scripts/ProxmoxVED
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend

Browse Source
This commit is contained in:
Michel Roegl-Brunner 2025-03-12 14:09:01 +01:00
parent 0a70984f76
commit 889b323574
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/scripts/_components/ScriptItems/Description.tsx
View File

@ -1,11 +1,21 @@
import TextCopyBlock from "@/components/TextCopyBlock"; import TextCopyBlock from "@/components/TextCopyBlock";
import { Script } from "@/lib/types"; import { Script } from "@/lib/types";
import { AlertColors } from "@/config/siteConfig";
import { AlertCircle, NotepadText } from "lucide-react";
import { cn } from "@/lib/utils";
export default function Description({ item }: { item: Script }) { export default function Description({ item }: { item: Script }) {
return ( return (
<div className="p-2"> <div className="p-2">
<h2 className="mb-2 max-w-prose text-lg font-semibold">Description</h2> <h2 className="mb-2 max-w-prose text-lg font-semibold">Description</h2>
<p className="text-sm text-muted-foreground"> <p className={cn(
"inline-flex items-center gap-2 rounded-lg border p-2 pl-4 text-lg pr-4",
AlertColors["warning"],
)} >
<AlertCircle className="h-4 min-h-4 w-4 min-w-4" />
<span>Unly use for testing, not in production!</span>
</p>
<p className="text-sm text-muted-foreground pt-4">
{TextCopyBlock(item.description)} {TextCopyBlock(item.description)}
</p> </p>
</div> </div>