martin/ProxmoxVE
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE synced 2025-02-11 02:09: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"> <div className="w-1/2 p-4 bg-background overflow-y-auto">
{validationAlert} {validationAlert}
<div className="relative"> <div className="relative">
{/* Copy Button */} <div className="absolute right-2 top-2 flex gap-1">
<Button <Button
className="absolute right-10 top-2" size="icon"
size="icon" variant="outline"
variant="outline" onClick={handleCopy}
onClick={handleCopy} >
> {isCopied ? <Check className="h-4 w-4" /> : <Clipboard className="h-4 w-4" />}
{isCopied ? <Check className="h-4 w-4" /> : <Clipboard className="h-4 w-4" />} </Button>
</Button> <Button
size="icon"
{/* Download Button */} variant="outline"
<Button onClick={handleDownload}
className="absolute right-2 top-2" >
size="icon" <Download className="h-4 w-4" />
variant="outline" </Button>
onClick={handleDownload} </div>
>
<Download className="h-4 w-4" />
</Button>
<pre className="mt-4 p-4 bg-secondary rounded shadow overflow-x-scroll"> <pre className="mt-4 p-4 bg-secondary rounded shadow overflow-x-scroll">
{JSON.stringify(script, null, 2)} {JSON.stringify(script, null, 2)}