Commit everything

This commit is contained in:
marzban-dev
2024-12-12 21:52:15 +03:30
parent 985cb17f84
commit 0aa46aad1a
25 changed files with 146 additions and 53 deletions
+3
View File
@@ -0,0 +1,3 @@
<template>
<div class="size-[30px] rounded-full shadow-black/30 shadow-inner"></div>
</template>
+6
View File
@@ -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>
+5
View File
@@ -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>
-38
View File
@@ -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>