explorer-app/components/Helper.vue

25 lines
524 B
Vue
Raw Permalink Normal View History

2023-12-19 18:43:42 +01:00
<script lang="ts" setup>
defineProps<{
info: string
}>()
</script>
<template>
<div relative>
<button
class="peer"
type="button"
>
<UnoIcon
i-heroicons-solid-information-circle
class="w-20px h-20px opacity-50 hover:opacity-100 text-app-white"
/>
2023-12-19 18:43:42 +01:00
</button>
<div
class="peer-hover:visible top-20px left-20px absolute invisible z-100 inline-block px-3 py-2 text-sm font-medium text-app-black bg-app-white"
>
{{ info }}
</div>
</div>
</template>