fix: add cancel button to dialogs

This commit is contained in:
trafficlunar 2024-12-20 22:56:06 +00:00
parent 15e10334dc
commit 1cd970367e
2 changed files with 9 additions and 3 deletions

View file

@ -111,15 +111,18 @@ function OpenImage({ close }: DialogProps) {
</div>
</div>
<DialogFooter className="!justify-between items-center">
<DialogFooter className="items-center">
{imageDimensions.height > 384 && (
<div className="flex items-center gap-1 h-min">
<div className="flex items-center gap-1 h-min mr-auto">
<CircleAlertIcon className="text-red-400" size={22} />
<span className="text-red-400 text-sm">The height is above 384 blocks!</span>
</div>
)}
<Button type="submit" className="ml-auto" onClick={onSubmit}>
<Button variant="outline" onClick={close}>
Cancel
</Button>
<Button type="submit" onClick={onSubmit}>
Submit
</Button>
</DialogFooter>

View file

@ -138,6 +138,9 @@ function SaveLitematic({ close }: DialogProps) {
</div>
<DialogFooter>
<Button variant="outline" onClick={close}>
Cancel
</Button>
<Button type="submit" onClick={onSubmit}>
Download
</Button>