fix: tooltip arrow

This commit is contained in:
Kinfe123
2025-04-01 14:15:35 +03:00
parent 673bdee66b
commit 1c605cebde
3 changed files with 554 additions and 555 deletions

View File

@@ -30,7 +30,7 @@ export const TechStackDisplay = ({
{techStackIcons[icon].icon}
</span>
</TooltipTrigger>
<TooltipContent className="text-white/80 bg-gradient-to-tr from-stone-950/90 via-stone-900 to-stone-950/90 z-1">
<TooltipContent className="text-white/80 bg-gradient-to-tr from-stone-950/90 via-stone-900 to-stone-950/90">
{techStackIcons[icon].name}
</TooltipContent>
</Tooltip>

View File

@@ -162,7 +162,6 @@ export default function Hero() {
>
Get Started
</Link>
<Builder />
</div>
</>

View File

@@ -52,7 +52,7 @@ function TooltipContent({
{...props}
>
{children}
<TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
<TooltipPrimitive.Arrow className="bg-primary dark:bg-stone-900 dark:fill-stone-900 fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
</TooltipPrimitive.Content>
</TooltipPrimitive.Portal>
);