diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-08-31 00:24:33 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-08-31 00:24:33 +0900 |
| commit | 786b150ea75111b5f6102c256d5cfa42cb83d1fb (patch) | |
| tree | d552d0c371829d7ff027890d1036a80bb08517f7 /packages/client/src/components/reaction-tooltip.vue | |
| parent | update deps (diff) | |
| download | misskey-786b150ea75111b5f6102c256d5cfa42cb83d1fb.tar.gz misskey-786b150ea75111b5f6102c256d5cfa42cb83d1fb.tar.bz2 misskey-786b150ea75111b5f6102c256d5cfa42cb83d1fb.zip | |
refactor(client): align filename to component name
Diffstat (limited to 'packages/client/src/components/reaction-tooltip.vue')
| -rw-r--r-- | packages/client/src/components/reaction-tooltip.vue | 41 |
1 files changed, 0 insertions, 41 deletions
diff --git a/packages/client/src/components/reaction-tooltip.vue b/packages/client/src/components/reaction-tooltip.vue deleted file mode 100644 index b53061df48..0000000000 --- a/packages/client/src/components/reaction-tooltip.vue +++ /dev/null @@ -1,41 +0,0 @@ -<template> -<MkTooltip ref="tooltip" :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 './ui/tooltip.vue'; -import XReactionIcon from './reaction-icon.vue'; - -const props = defineProps<{ - 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; - } - - > .name { - font-size: 0.9em; - } -} -</style> |