fix: 🐛 plus button in reaction settings

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "14.0.0-dev63",
+	"version": "14.0.0-dev68",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

packages/client/src/components/MkPostFormAttaches.vue

@@ -154,9 +154,7 @@ function showFileMenu(file, ev: MouseEvent) {
 				},
 			},
 		],
-		(ev.currentTarget ?? ev.target ?? undefined) as
+		(ev.currentTarget ?? ev.target ?? undefined) as HTMLElement | undefined,
-			| HTMLElement
-			| undefined,
 	);
 }
 </script>

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 {
+.add {
-		display: inline-block;
+	display: inline-block;
-		padding: 8px;
+	padding: 8px;
-	}
+	margin-left: 12px;
+	margin-bottom: 12px;
 }
 </style>