fix: updated link focus

Author: dastrong-codiga

src/renderer/components/CookbookTable/CookbookTable.tsx

@@ -99,6 +99,7 @@ export default function CookbookTable({ cookbooks }: CookbookTableProps) {
                             href={`${getGroupUrl(
                               cookbook.groups[0].id!
                             )}/cookbooks`}
+                            _focus={{ boxShadow: 'none' }}
                           >
                             {cookbook.groups[0].name}
                           </Link>

src/renderer/components/SnippetTable/SnippetTable.tsx

@@ -100,6 +100,7 @@ export default function SnippetTable({ recipes }: SnippetTableProps) {
                             href={`${getGroupUrl(
                               recipe.groups[0].id!
                             )}/snippets`}
+                            _focus={{ boxShadow: 'none' }}
                           >
                             {recipe.groups[0].name}
                           </Link>

src/renderer/components/UserLink/UserLink.tsx

@@ -12,7 +12,12 @@ export default function UserLink({ owner = {} }: UserLinkProps) {
 
   if (hasSlug && slug) {
     return (
-      <Link isExternal variant="subtle" href={getUserUrl(slug)}>
+      <Link
+        isExternal
+        variant="subtle"
+        href={getUserUrl(slug)}
+        _focus={{ boxShadow: 'none' }}
+      >
         {displayName || 'Anonymous'}
         <ExternalLinkIcon ml="space_4" color="neutral.75" />
       </Link>

src/renderer/pages/ViewCookbookSnippets.tsx

@@ -53,6 +53,7 @@ export default function ViewCookbookSnippets() {
             <Link
               isExternal
               variant="subtle"
+                _focus={{ boxShadow: 'none' }}
               href={getCookbookUrl(cookbook.id)}
             >
               {cookbook.name}

src/renderer/pages/ViewSnippet.tsx

@@ -49,7 +49,12 @@ export default function ViewSnippet() {
         <Flex alignItems="center" gridGap="space_8">
           <Logo value={recipe.language} fullSize={false} logoSize={24} />
           <Text size="sm" fontWeight="bold" noOfLines={1}>
-            <Link isExternal variant="subtle" href={getSnippetUrl(recipe.id)}>
+            <Link
+              isExternal
+              variant="subtle"
+              href={getSnippetUrl(recipe.id)}
+              _focus={{ boxShadow: 'none' }}
+            >
               {recipe.name}
             </Link>
           </Text>

src/renderer/styles/app.css

@@ -1,3 +0,0 @@
-a:focus {
-  box-shadow: none !important;
-}