New eveal #32
@@ -47,9 +47,9 @@ watchEffect(async () => {
|
|||||||
<template>
|
<template>
|
||||||
<Tooltip v-model:open="open" class="tooltip">
|
<Tooltip v-model:open="open" class="tooltip">
|
||||||
<template #header>
|
<template #header>
|
||||||
<LoadingSpinner v-if="history.length < trendingScale" />
|
<LoadingSpinner v-if="history.length < trendingScale" class="w-6 h-6" />
|
||||||
<ArrowTrendingUpIcon v-else-if="history[0].average > history[trendingScale - 1].average" />
|
<ArrowTrendingUpIcon v-else-if="history[0].average > history[trendingScale - 1].average" class="w-6 h-6" />
|
||||||
<ArrowTrendingDownIcon v-else />
|
<ArrowTrendingDownIcon v-else class="w-6 h-6" />
|
||||||
</template>
|
</template>
|
||||||
<template #default>
|
<template #default>
|
||||||
<div class="bg-slate-500 -left-1/2 relative tooltip-content" v-if="history.length > 0">
|
<div class="bg-slate-500 -left-1/2 relative tooltip-content" v-if="history.length > 0">
|
||||||
@@ -86,13 +86,11 @@ watchEffect(async () => {
|
|||||||
&.tooltip-top>:deep(div.header) {
|
&.tooltip-top>:deep(div.header) {
|
||||||
@apply rounded-t-md bg-slate-600;
|
@apply rounded-t-md bg-slate-600;
|
||||||
}
|
}
|
||||||
&.tooltip-bottom {
|
&.tooltip-bottom .tooltip-content {
|
||||||
.tooltip-content {
|
bottom: 75px;
|
||||||
bottom: 79px;
|
}
|
||||||
}
|
&.tooltip-bottom>:deep(div.header) {
|
||||||
>:deep(div.header) {
|
@apply rounded-b-md bg-slate-600;
|
||||||
@apply rounded-b-md bg-slate-600;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user