martin/ProxmoxVE
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE synced 2025-02-15 12:19:17 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Fix JSONGenerator: streamline SelectItem markup and enhance JSON display layout for improved readability and user experience

Browse Source
This commit is contained in:
Bram Suurd 2024-11-13 23:19:35 +01:00
parent a48eaafbb6
commit 49dedd8430
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/app/json-editor/page.tsx
View File

@ -547,10 +547,7 @@ export default function JSONGenerator() {
</SelectTrigger>
<SelectContent>
{Object.keys(AlertColors).map((type) => (
<SelectItem
key={type}
value={type}
>
<SelectItem key={type} value={type}>
<span className="flex items-center gap-2">
{type.charAt(0).toUpperCase() + type.slice(1)}{" "}
<div
@ -590,7 +587,7 @@ export default function JSONGenerator() {
: "The current JSON does not match the required schema."}
</AlertDescription>
</Alert>
<pre className="mt-4 p-4 relative bg-secondary rounded shadow">
<div className="relative">
<Button
className="absolute right-2 top-2"
size="icon"
@ -608,8 +605,10 @@ export default function JSONGenerator() {
<Clipboard className="h-4 w-4" />
)}
</Button>
{JSON.stringify(script, null, 2)}
</pre>
<pre className="mt-4 p-4 bg-secondary rounded shadow overflow-x-scroll">
{JSON.stringify(script, null, 2)}
</pre>
</div>
</div>
</div>
);