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:
parent
1ee5b34158
commit
4d158237c6
1 changed files with 1 additions and 1 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue