ethcc-demo/src/components/Tooltip.vue
Eric ed378e1a77
Split out loading of request and request details
On the requests page, only show details relating to the StorageRequested event
On the request details page, load more detailed information, including slot info. If already fetched, do not re-fetch
2024-06-17 17:25:05 +10:00

21 lines
555 B
Vue

<script setup>
import { onMounted } from 'vue'
onMounted(() => {
})
</script>
<template>
<p :data-tooltip-target="$id('tooltip')" class="cursor-help">
<slot name="text"></slot>
</p>
<div
:id="$id('tooltip')"
role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700"
>
<slot name="tooltip-content"></slot>
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</template>