mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-20 06:55:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(new tool): iban validation and parser (#591)

Browse source
This commit is contained in:
Corentin THOMASSET 2023-08-27 20:12:31 +02:00 • committed by GitHub
parent 81bfe57cb8
commit 3a63837d3d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 278 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/ui/c-tooltip/c-tooltip.vue Normal file
View file

@ -0,0 +1,27 @@
<script setup lang="ts">
const props = withDefaults(defineProps<{ tooltip?: string }>(), { tooltip: '' });
const { tooltip } = toRefs(props);
const targetRef = ref();
const isTargetHovered = useElementHover(targetRef);
</script>
<template>
<div class="relative" inline-block>
<div ref="targetRef">
<slot />
</div>
<div
class="absolute bottom-100% left-50% z-10 mb-5px whitespace-nowrap rounded bg-black px-12px py-6px text-sm text-white shadow-lg transition transition transition-duration-0.2s -translate-x-1/2"
:class="{
'op-0 scale-0': isTargetHovered === false,
'op-100 scale-100': isTargetHovered,
}"
>
<slot name="tooltip">
{{ tooltip }}
</slot>
</div>
</div>
</template>