fix: tooltip uses content panel bg (neutral-950) + 100ms delay

This commit is contained in:
Usman Baig
2026-03-28 22:53:25 +01:00
parent 16fd913351
commit 3067101fec

View File

@@ -96,7 +96,7 @@ function SidebarTooltip({ children, label }: { children: React.ReactNode; label:
setPos({ x: rect.right + 8, y: rect.top + rect.height / 2 }) setPos({ x: rect.right + 8, y: rect.top + rect.height / 2 })
setShow(true) setShow(true)
} }
}, 400) }, 100)
} }
const handleLeave = () => { const handleLeave = () => {
@@ -109,7 +109,7 @@ function SidebarTooltip({ children, label }: { children: React.ReactNode; label:
{children} {children}
{show && typeof document !== 'undefined' && createPortal( {show && typeof document !== 'undefined' && createPortal(
<span <span
className="fixed z-[100] px-2.5 py-1.5 rounded-lg bg-neutral-800 border border-white/[0.08] text-white text-xs font-medium whitespace-nowrap pointer-events-none shadow-lg shadow-black/20 -translate-y-1/2" className="fixed z-[100] px-2.5 py-1.5 rounded-lg bg-neutral-950 border border-neutral-800/60 text-white text-xs font-medium whitespace-nowrap pointer-events-none shadow-lg shadow-black/20 -translate-y-1/2"
style={{ left: pos.x, top: pos.y }} style={{ left: pos.x, top: pos.y }}
> >
{label} {label}