fix: Correction button focus styling

kimbylr · Jul 19, 2024 · 88356cd · 88356cd
1 parent f3ecddd
commit 88356cd
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/app/(learn)/lists/[slug]/learn/learn.tsx b/src/app/(learn)/lists/[slug]/learn/learn.tsx
@@ -302,7 +302,7 @@ const Correction = React.forwardRef<HTMLButtonElement, CorrectionProps>(
           onClick
             ? 'bg-primary-10 border-[3px] border-primary-100 text-primary-100 font-bold'
             : 'bg-gray-95 border-2 border-gray-50 text-gray-25 font-light',
-          'outline-none focus:shadow-blurry-focus disabled:opacity-50 disabled:cursor-not-allowed',
+          'outline-none disabled:opacity-50 disabled:cursor-not-allowed',
         )}
       >
         {/* triangle border */}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -80,7 +80,6 @@ module.exports = {
         'button-caution': '0 4px #AD705F',
         modal: '0 20px 25px -5px rgb(0 0 0 / 0.2), 0 8px 10px -6px rgb(0 0 0 / 0.2);',
         card: '0 4px 24px #bbb',
-        'blurry-focus': '0 0 16px #6CC17A',
       },
       lineHeight: {
         terse: 1.125,