♿ Improve accessibility ♿

Aszurar · Apr 14, 2024 · b791177 · b791177
1 parent 8f7543b
commit b791177
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
@@ -26,13 +26,13 @@ export function Footer() {
           <a
             href="https://github.com/Aszurar/dtmoney"
             target="_blank"
-            className={`flex items-center justify-center text-xl transition-all`}
+            className={`flex h-6 w-6 items-center justify-center text-xl transition-all`}
             aria-label="Acessar Github"
             rel="noreferrer"
           >
             <NavItem.Icon
               icon={FiGithub}
-              className="text-gray-300 hover:text-white focus:text-white"
+              className="h-5 w-5 text-gray-300 hover:text-white focus:text-white"
             />
           </a>
         </NavItem.Root>
@@ -41,13 +41,13 @@ export function Footer() {
           <a
             href="https://www.linkedin.com/in/lucas-de-lima-azsura/"
             target="_blank"
-            className={`flex items-center justify-center text-xl transition-all`}
+            className={`flex h-6 w-6 items-center justify-center text-xl transition-all`}
             aria-label="Acessar Linkedin"
             rel="noreferrer"
           >
             <NavItem.Icon
               icon={FiLinkedin}
-              className="text-gray-300 hover:text-white focus:text-white"
+              className="h-5 w-5 text-gray-300 hover:text-white focus:text-white"
             />
           </a>
         </NavItem.Root>

diff --git a/src/components/HighLightCard/index.tsx b/src/components/HighLightCard/index.tsx
@@ -14,7 +14,7 @@ const highLightCard = tv({
       dark:bg-zinc-900 `,
     icon: 'text-2.5xl',
     textColor: 'text-gray-700 dark:text-white',
-    date: 'text-sm text-gray-500 dark:text-gray-400',
+    date: 'text-sm text-gray-600 dark:text-gray-400',
   },
   variants: {
     variant: {

diff --git a/src/components/Table/Data.tsx b/src/components/Table/Data.tsx
@@ -2,7 +2,7 @@ import { ComponentProps } from 'react'
 import { VariantProps, tv } from 'tailwind-variants'
 
 const data = tv({
-  base: 'flex text-gray-500 dark:text-gray-400 font-normal items-center truncate',
+  base: 'flex text-gray-600 dark:text-gray-400 font-normal items-center truncate',
   variants: {
     variant: {
       description: `block text-gray-700 dark:text-white max-w-40 phone-md:max-w-68

diff --git a/src/components/Table/Head.tsx b/src/components/Table/Head.tsx
@@ -5,7 +5,7 @@ type HeadProps = ComponentProps<'th'>
 export function Head({ className, ...props }: HeadProps) {
   return (
     <th
-      className={`text-start font-normal text-gray-500 
+      className={`text-start font-normal text-gray-600 
         dark:text-gray-400 ${className}`}
       {...props}
     />