Commit everything
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<div class="size-[30px] rounded-full shadow-black/30 shadow-inner"></div>
|
||||
</template>
|
||||
@@ -0,0 +1,6 @@
|
||||
<template>
|
||||
<div class="bg-white flex justify-center items-center gap-2 rounded-full border-[0.5px] border-slate-200 px-4 py-2 typo-p-sm">
|
||||
<slot />
|
||||
<Icon name="ci:star-solid" class="**:fill-warning-500 size-4.5" />
|
||||
</div>
|
||||
</template>
|
||||
@@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<div class="text-white flex items-center justify-center rounded-full px-4 py-2 bg-danger-600 typo-sub-h-sm">
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
@@ -1,38 +0,0 @@
|
||||
<script lang="ts" setup>
|
||||
|
||||
// type
|
||||
type Props = {
|
||||
title?: string
|
||||
}
|
||||
|
||||
// prop
|
||||
const props = defineProps<Props>();
|
||||
const { title } = toRefs(props);
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<TooltipProvider
|
||||
:disabled="!title"
|
||||
:delay-duration="0"
|
||||
>
|
||||
<TooltipRoot>
|
||||
<TooltipTrigger>
|
||||
<slot />
|
||||
</TooltipTrigger>
|
||||
<TooltipPortal>
|
||||
<TooltipContent
|
||||
class="bg-black text-white px-4 py-3 rounded-full"
|
||||
:side-offset="5"
|
||||
>
|
||||
{{ title }}
|
||||
<TooltipArrow
|
||||
class="fill-black"
|
||||
:width="12"
|
||||
:height="6"
|
||||
/>
|
||||
</TooltipContent>
|
||||
</TooltipPortal>
|
||||
</TooltipRoot>
|
||||
</TooltipProvider>
|
||||
</template>
|
||||
Reference in New Issue
Block a user