chore(clerk-js): Applied some code-style fixes

clerk · Jan 17, 2024 · bbadfec · bbadfec
1 parent cad4676
commit bbadfec
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/...ages/clerk-js/src/ui/components/OrganizationProfile/OrganizationMembersTabInvitations.tsx b/...ages/clerk-js/src/ui/components/OrganizationProfile/OrganizationMembersTabInvitations.tsx
@@ -29,7 +29,7 @@ export const OrganizationMembersTabInvitations = () => {
             sx={t => ({
               width: '100%',
               gap: t.space.$8,
-              paddingBottom: `${t.space.$4}`,
+              paddingBottom: t.space.$4,
               borderBottom: `${t.borders.$normal} ${t.colors.$blackAlpha100}`,
               [mqu.md]: {
                 flexDirection: 'column',

diff --git a/packages/clerk-js/src/ui/elements/Menu.tsx b/packages/clerk-js/src/ui/elements/Menu.tsx
@@ -185,6 +185,7 @@ export const MenuItem = (props: MenuItemProps) => {
       variant={destructive ? 'ghostDanger' : 'ghost'}
       role='menuitem'
       onKeyDown={onKeyDown}
+      focusRing={false}
       onClick={e => {
         onClick?.(e);
         closeAfterClick && toggle();
@@ -194,9 +195,6 @@ export const MenuItem = (props: MenuItemProps) => {
           justifyContent: 'start',
           borderRadius: theme.radii.$sm,
           padding: `${theme.space.$1} ${theme.space.$3}`,
-          ':focus': {
-            boxShadow: 'none',
-          },
         }),
         sx,
       ]}

diff --git a/packages/clerk-js/src/ui/elements/Navbar.tsx b/packages/clerk-js/src/ui/elements/Navbar.tsx
@@ -262,16 +262,14 @@ const NavButton = (props: NavButtonProps) => {
       size='md'
       isActive={isActive}
       hoverAsFocus
+      focusRing={false}
       {...rest}
       sx={[
         t => ({
           gap: t.space.$3,
           justifyContent: 'flex-start',
           backgroundColor: isActive ? t.colors.$blackAlpha100 : undefined,
           opacity: isActive ? 1 : 0.6,
-          ':focus': {
-            boxShadow: 'none',
-          },
         }),
         sx,
       ]}