fix: remove focus ring and increase height on user menu button (#122)

peppescg · web-flow · commit 063634db805c · 2025-12-01T16:59:17.000+01:00
* fix: user menu button focus

* fix: button height
diff --git a/src/components/user-menu/user-menu-button.tsx b/src/components/user-menu/user-menu-button.tsx
@@ -17,7 +17,7 @@ export const UserMenuButton = forwardRef<
     <Button
       ref={ref}
       variant="ghost"
-      className="flex items-center gap-2"
+      className="cursor-pointer flex items-center gap-2 h-[46px] focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0"
       {...props}
     >
       <UserAvatar userName={userName} />

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ export const UserMenuButton = forwardRef<`
`17`	`17`	`<Button`
`18`	`18`	`ref={ref}`
`19`	`19`	`variant="ghost"`
`20`		`- className="flex items-center gap-2"`
	`20`	`+ className="cursor-pointer flex items-center gap-2 h-[46px] focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0"`
`21`	`21`	`{...props}`
`22`	`22`	`>`
`23`	`23`	`<UserAvatar userName={userName} />`