fix(ui): add acl template tooltip

This commit is contained in:
晨苒
2026-04-14 05:46:41 +08:00
parent 60517bc2a6
commit 8c9f222783
2 changed files with 4 additions and 4 deletions
@@ -25,8 +25,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
data-slot="tooltip-content"
v-bind="{ ...forwarded, ...$attrs }"
:class="cn(
'z-50 w-fit rounded-lg px-3 py-1.5 text-xs whitespace-normal break-words',
'bg-primary text-primary-foreground shadow-lg',
'z-50 w-fit max-w-80 rounded-lg border border-border px-3 py-2 text-xs whitespace-normal break-words',
'bg-popover text-popover-foreground shadow-md',
'animate-in fade-in-0 zoom-in-95',
'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
@@ -35,7 +35,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
>
<slot />
<TooltipArrow class="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" />
<TooltipArrow class="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover" />
</TooltipContent>
</TooltipPortal>
</template>