mirror of
https://github.com/memohai/Memoh.git
synced 2026-04-25 07:00:48 +09:00
fix(ui): add acl template tooltip
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user