Fix X button focus ring showing on modal open

Change focus: to focus-visible: so the ring only appears
during keyboard navigation, not on initial modal open

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
rever-tecnologia 2025-12-05 09:51:40 -03:00
parent 1ee5b34158
commit 4d158237c6

View file

@ -3943,7 +3943,7 @@ export function DeviceDetails({ device }: DeviceDetailsProps) {
{/* Modal de Controle USB */}
<Dialog open={isUsbModalOpen} onOpenChange={setIsUsbModalOpen}>
<DialogContent className="max-w-xl">
<DialogClose className="absolute right-4 top-4 p-1.5 rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2">
<DialogClose className="absolute right-4 top-4 p-1.5 rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2">
<X className="size-4" />
<span className="sr-only">Fechar</span>
</DialogClose>