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

Refactor JSON generator buttons layout for better alignment and consistency

Browse Source
This commit is contained in:
Bram Suurd 2025-02-06 18:15:15 +01:00
parent d7b6a97415
commit efcab56226
No known key found for this signature in database
GPG Key ID: D93B668D7609ECD4
1 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -328,25 +328,22 @@ export default function JSONGenerator() {
<div className="w-1/2 p-4 bg-background overflow-y-auto">
{validationAlert}
<div className="relative">
{/* Copy Button */}
<Button
className="absolute right-10 top-2"
size="icon"
variant="outline"
onClick={handleCopy}
>
{isCopied ? <Check className="h-4 w-4" /> : <Clipboard className="h-4 w-4" />}
</Button>
{/* Download Button */}
<Button
className="absolute right-2 top-2"
size="icon"
variant="outline"
onClick={handleDownload}
>
<Download className="h-4 w-4" />
</Button>
<div className="absolute right-2 top-2 flex gap-1">
<Button
size="icon"
variant="outline"
onClick={handleCopy}
>
{isCopied ? <Check className="h-4 w-4" /> : <Clipboard className="h-4 w-4" />}
</Button>
<Button
size="icon"
variant="outline"
onClick={handleDownload}
>
<Download className="h-4 w-4" />
</Button>
</div>
<pre className="mt-4 p-4 bg-secondary rounded shadow overflow-x-scroll">
{JSON.stringify(script, null, 2)}