From 1cd970367eeb794c4a6fadafbd818a26fa001b32 Mon Sep 17 00:00:00 2001
From: trafficlunar <trafficlunar@proton.me>
Date: Fri, 20 Dec 2024 22:56:06 +0000
Subject: [PATCH] fix: add cancel button to dialogs

---
 src/components/dialogs/OpenImage.tsx     | 9 ++++++---
 src/components/dialogs/SaveLitematic.tsx | 3 +++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/dialogs/OpenImage.tsx b/src/components/dialogs/OpenImage.tsx
index aa0a36d..136784b 100644
--- a/src/components/dialogs/OpenImage.tsx
+++ b/src/components/dialogs/OpenImage.tsx
@@ -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>
diff --git a/src/components/dialogs/SaveLitematic.tsx b/src/components/dialogs/SaveLitematic.tsx
index 75dcac4..cbb5301 100644
--- a/src/components/dialogs/SaveLitematic.tsx
+++ b/src/components/dialogs/SaveLitematic.tsx
@@ -138,6 +138,9 @@ function SaveLitematic({ close }: DialogProps) {
 			</div>
 
 			<DialogFooter>
+				<Button variant="outline" onClick={close}>
+					Cancel
+				</Button>
 				<Button type="submit" onClick={onSubmit}>
 					Download
 				</Button>