fixed button inside of button, turning it into a div (#157)

This commit is contained in:
Lucas Oliveira 2025-09-30 17:49:42 -03:00 committed by GitHub
parent d015ed1b0c
commit 2462b17f64
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -456,20 +456,24 @@ export function Navigation({
</div>
</div>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<button
type="button"
className="opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground transition-opacity p-1 hover:bg-accent rounded text-muted-foreground hover:text-foreground ml-2 flex-shrink-0"
<DropdownMenuTrigger disabled={loading || deleteSessionMutation.isPending} asChild>
<div
className="opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground transition-opacity p-1 hover:bg-accent rounded text-muted-foreground hover:text-foreground ml-2 flex-shrink-0 cursor-pointer"
title="More options"
disabled={
loading || deleteSessionMutation.isPending
}
role="button"
tabIndex={0}
onClick={(e) => {
e.stopPropagation();
}}
onKeyDown={(e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
e.stopPropagation();
}
}}
>
<EllipsisVertical className="h-4 w-4" />
</button>
</div>
</DropdownMenuTrigger>
<DropdownMenuContent
side="bottom"