Improve tooltip visuals (#10045)

This commit is contained in:
Sergei Garin 2024-05-23 12:09:46 +03:00 committed by GitHub
parent 5ed5c71e93
commit 39098e2c26
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -9,10 +9,10 @@ import * as portal from '#/components/Portal'
// =================
export const TOOLTIP_STYLES = twv.tv({
base: 'group flex bg-frame justify-center outline outline-1.5 outline-primary/70 backdrop-blur-default text-primary px-2 leading-cozy min-h-6 rounded-default shadow-soft text-xs opacity-1',
base: 'group flex bg-frame justify-center outline outline-1 outline-primary/15 items-center backdrop-blur-default text-primary px-2 py-1.5 leading-cozy text-center text-balance min-h-6 rounded-lg shadow-lg text-xs max-w-xs',
variants: {
isEntering: {
true: 'animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 ease-out duration-200',
true: 'animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 ease-out duration-150',
},
isExiting: {
true: 'animate-out fade-out placement-bottom:slide-out-to-top-0.5 placement-top:slide-out-to-bottom-0.5 placement-left:slide-out-to-right-0.5 placement-right:slide-out-to-left-0.5 ease-in duration-150',