From 21027d68e6d8006f26f946facbc2827c3730129f Mon Sep 17 00:00:00 2001
From: Huddy Buddy <github@d3rpp.dev>
Date: Wed, 20 Nov 2024 08:40:03 +0000
Subject: [PATCH] added (#14)

---
 .../app/account/create_key_dialog.svelte      | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/routes/(app)/app/account/create_key_dialog.svelte b/src/routes/(app)/app/account/create_key_dialog.svelte
index 1c70f46..d70ef1d 100644
--- a/src/routes/(app)/app/account/create_key_dialog.svelte
+++ b/src/routes/(app)/app/account/create_key_dialog.svelte
@@ -10,7 +10,7 @@
 	import { Button, buttonVariants } from "@/ui/button";
 	import InlineCodeBlock from "@/inline-codeblock.svelte";
 
-	import { Plus } from "lucide-svelte";
+	import { Plus, X } from "lucide-svelte";
 	import AnimatedLoading from "$lib/icons/AnimatedLoading.svelte";
 
 	import {
@@ -153,7 +153,22 @@
 	</AlertDialog.Trigger>
 	<AlertDialog.Content>
 		<AlertDialog.Header>
-			<AlertDialog.Title>Create Key</AlertDialog.Title>
+			<AlertDialog.Title
+				class="flex w-full flex-row items-center justify-between"
+			>
+				Create Key
+				<Button
+					variant="ghost"
+					size="icon"
+					class="rounded-full"
+					onmouseup={() => {
+						open = false;
+						resetDialog();
+					}}
+				>
+					<X />
+				</Button>
+			</AlertDialog.Title>
 		</AlertDialog.Header>
 		<Tabs.Root value={tabs_value}>
 			<Tabs.Content value="create">