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

Refactor JSON generator buttons layout for better alignment and consistency (#2106)

Browse Source
This commit is contained in:
Bram Suurd 2025-02-06 19:11:32 +01:00 committed by GitHub
parent d71ef779ec
commit 03828943b0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
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>
{/* Download Button */}
<Button <Button
className="absolute right-2 top-2"
size="icon" size="icon"
variant="outline" variant="outline"
onClick={handleDownload} onClick={handleDownload}
> >
<Download className="h-4 w-4" /> <Download className="h-4 w-4" />
</Button> </Button>
</div>
<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)}