fix: equalizar espaçamento entre links com e sem seta

Links simples recebem pr-7 (28px) para compensar os 16px da
seta (ml-1 + size-3) dos triggers com dropdown.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-02-22 22:28:26 +00:00
parent 8d3bdb53b5
commit 72ef572f11

View File

@@ -40,12 +40,13 @@ type TopNavMenuProps = {
preLancamentosCount?: number; preLancamentosCount?: number;
}; };
// pl-3 pr-7: compensa os 16px da seta (ml-1 + size-3) dos triggers
const linkBase = const linkBase =
"inline-flex h-9 items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors"; "inline-flex h-9 items-center justify-center rounded-md pl-3 pr-7 py-2 text-sm font-medium transition-colors";
const linkIdle = "text-foreground/70 hover:text-foreground hover:underline"; const linkIdle = "text-foreground/70 hover:text-foreground hover:underline";
const linkActive = "text-primary"; const linkActive = "text-primary";
// NavigationMenuTrigger override: remove backgrounds, keep underline style, hide arrow // NavigationMenuTrigger override: remove backgrounds, keep underline style
const triggerClass = [ const triggerClass = [
"text-foreground/70!", "text-foreground/70!",
"bg-transparent!", "bg-transparent!",
@@ -58,7 +59,6 @@ const triggerClass = [
"data-[state=open]:text-foreground!", "data-[state=open]:text-foreground!",
"data-[state=open]:underline!", "data-[state=open]:underline!",
"px-3!", "px-3!",
"[&>svg]:hidden",
].join(" "); ].join(" ");
function SimpleNavLink({ function SimpleNavLink({