summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkReactionTooltip.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src/components/MkReactionTooltip.vue')
-rw-r--r--packages/client/src/components/MkReactionTooltip.vue43
1 files changed, 0 insertions, 43 deletions
diff --git a/packages/client/src/components/MkReactionTooltip.vue b/packages/client/src/components/MkReactionTooltip.vue
deleted file mode 100644
index 310d5954fc..0000000000
--- a/packages/client/src/components/MkReactionTooltip.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-<MkTooltip ref="tooltip" :showing="showing" :target-element="targetElement" :max-width="340" @closed="emit('closed')">
- <div class="beeadbfb">
- <XReactionIcon :reaction="reaction" :custom-emojis="emojis" class="icon" :no-style="true"/>
- <div class="name">{{ reaction.replace('@.', '') }}</div>
- </div>
-</MkTooltip>
-</template>
-
-<script lang="ts" setup>
-import { } from 'vue';
-import MkTooltip from './MkTooltip.vue';
-import XReactionIcon from '@/components/MkReactionIcon.vue';
-
-defineProps<{
- showing: boolean;
- reaction: string;
- emojis: any[]; // TODO
- targetElement: HTMLElement;
-}>();
-
-const emit = defineEmits<{
- (ev: 'closed'): void;
-}>();
-</script>
-
-<style lang="scss" scoped>
-.beeadbfb {
- text-align: center;
-
- > .icon {
- display: block;
- width: 60px;
- font-size: 60px; // unicodeな絵文字についてはwidthが効かないため
- margin: 0 auto;
- object-fit: contain;
- }
-
- > .name {
- font-size: 0.9em;
- }
-}
-</style>