summaryrefslogtreecommitdiff
path: root/packages/client/src/components/chart-tooltip.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-08-31 00:24:33 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-08-31 00:24:33 +0900
commit786b150ea75111b5f6102c256d5cfa42cb83d1fb (patch)
treed552d0c371829d7ff027890d1036a80bb08517f7 /packages/client/src/components/chart-tooltip.vue
parentupdate deps (diff)
downloadmisskey-786b150ea75111b5f6102c256d5cfa42cb83d1fb.tar.gz
misskey-786b150ea75111b5f6102c256d5cfa42cb83d1fb.tar.bz2
misskey-786b150ea75111b5f6102c256d5cfa42cb83d1fb.zip
refactor(client): align filename to component name
Diffstat (limited to 'packages/client/src/components/chart-tooltip.vue')
-rw-r--r--packages/client/src/components/chart-tooltip.vue53
1 files changed, 0 insertions, 53 deletions
diff --git a/packages/client/src/components/chart-tooltip.vue b/packages/client/src/components/chart-tooltip.vue
deleted file mode 100644
index 9b57a1b3d5..0000000000
--- a/packages/client/src/components/chart-tooltip.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-<MkTooltip ref="tooltip" :showing="showing" :x="x" :y="y" :max-width="340" :direction="'top'" :inner-margin="16" @closed="emit('closed')">
- <div v-if="title || series" class="qpcyisrl">
- <div v-if="title" class="title">{{ title }}</div>
- <template v-if="series">
- <div v-for="x in series" class="series">
- <span class="color" :style="{ background: x.backgroundColor, borderColor: x.borderColor }"></span>
- <span>{{ x.text }}</span>
- </div>
- </template>
- </div>
-</MkTooltip>
-</template>
-
-<script lang="ts" setup>
-import { } from 'vue';
-import MkTooltip from './ui/tooltip.vue';
-
-const props = defineProps<{
- showing: boolean;
- x: number;
- y: number;
- title?: string;
- series?: {
- backgroundColor: string;
- borderColor: string;
- text: string;
- }[];
-}>();
-
-const emit = defineEmits<{
- (ev: 'closed'): void;
-}>();
-</script>
-
-<style lang="scss" scoped>
-.qpcyisrl {
- > .title {
- margin-bottom: 4px;
- }
-
- > .series {
- > .color {
- display: inline-block;
- width: 8px;
- height: 8px;
- border-width: 1px;
- border-style: solid;
- margin-right: 8px;
- }
- }
-}
-</style>