fix: 🐛 plus button for reactions

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

@@ -12,7 +12,7 @@
 				<div v-panel style="border-radius: 6px">
 					<VueDraggable
 						v-model="reactions"
-						class="zoaiodol"
+						:class="$style.root"
 						animation="150"
 						delay="100"
 						@end="save"
@@ -30,11 +30,13 @@
 								class="emoji"
 							/>
 						</div>
-						<template #footer>
+						<button
-							<button class="_button add" @click="chooseEmoji">
+							:draggable="false"
-								<i class="ph-plus ph-bold ph-lg"></i>
+							class="_button add"
-							</button>
+							@click="chooseEmoji"
-						</template>
+						>
+							<i class="ph-plus ph-bold ph-lg"></i>
+						</button>
 					</VueDraggable>
 				</div>
 				<template #caption
@@ -251,8 +253,8 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss" module>
-.zoaiodol {
+.root {
 	padding: 12px;
 	font-size: 1.1em;