From 2a86a8ad755c9406292e8eaf51a305d84d4ed9a8 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 11 Jul 2023 20:36:15 -0700
Subject: [PATCH] fix: :bug: plus button in reaction settings

---
 package.json                                  |  2 +-
 .../src/components/MkPostFormAttaches.vue     |  4 +---
 .../client/src/pages/settings/reaction.vue    | 22 ++++++++-----------
 3 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 8e54bcd50..7d79fc709 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "14.0.0-dev63",
+	"version": "14.0.0-dev68",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkPostFormAttaches.vue b/packages/client/src/components/MkPostFormAttaches.vue
index 6da744ccf..a1cb191de 100644
--- a/packages/client/src/components/MkPostFormAttaches.vue
+++ b/packages/client/src/components/MkPostFormAttaches.vue
@@ -154,9 +154,7 @@ function showFileMenu(file, ev: MouseEvent) {
 				},
 			},
 		],
-		(ev.currentTarget ?? ev.target ?? undefined) as
-			| HTMLElement
-			| undefined,
+		(ev.currentTarget ?? ev.target ?? undefined) as HTMLElement | undefined,
 	);
 }
 </script>
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index a7ceb9612..953c39c5f 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -30,12 +30,10 @@
 								class="emoji"
 							/>
 						</div>
-						<template #footer>
-							<button class="_button add" @click="chooseEmoji">
-								<i class="ph-plus ph-bold ph-lg"></i>
-							</button>
-						</template>
 					</VueDraggable>
+					<button class="_button add" @click="chooseEmoji">
+						<i class="ph-plus ph-bold ph-lg"></i>
+					</button>
 				</div>
 				<template #caption
 					>{{ i18n.ts.reactionSettingDescription2 }}
@@ -244,10 +242,6 @@ const headerTabs = $computed(() => []);
 definePageMetadata({
 	title: i18n.ts.reaction,
 	icon: "ph-smiley ph-bold ph-lg",
-	action: {
-		icon: "ph-eye ph-bold ph-lg",
-		handler: preview,
-	},
 });
 </script>
 
@@ -261,10 +255,12 @@ definePageMetadata({
 		padding: 8px;
 		cursor: move;
 	}
+}
 
-	> .add {
-		display: inline-block;
-		padding: 8px;
-	}
+.add {
+	display: inline-block;
+	padding: 8px;
+	margin-left: 12px;
+	margin-bottom: 12px;
 }
 </style>