From 3b7d973d270503cf580c198e7544091c802148cd Mon Sep 17 00:00:00 2001
From: Fernando Videira <tragedy_twisty.0t@icloud.com>
Date: Thu, 20 Jun 2024 03:33:12 +0100
Subject: [PATCH] Footer text Fix

---
 src/Components/Footer/Footer.tsx | 8 ++++----
 src/index.css                    | 7 +++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/Components/Footer/Footer.tsx b/src/Components/Footer/Footer.tsx
index 7d950fc..78dc7cc 100644
--- a/src/Components/Footer/Footer.tsx
+++ b/src/Components/Footer/Footer.tsx
@@ -2,7 +2,7 @@ import { useTranslation } from "react-i18next";
 import { FaFacebook, FaLinkedin } from "react-icons/fa";
 
 const Footer = () => {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
 
   return (
     <footer className="flex flex-col space-y-10 justify-center m-10">
@@ -37,19 +37,19 @@ const Footer = () => {
       <div className="flex justify-center space-x-5">
         <a
           href="/tos"
-          className="text-gray-400 hover:text-gold-light font-medium"
+          className={i18n.language === "en" ? "footer-text hover:text-gold-light" : "footer-text-pt hover:text-gold-light"}
         >
           {t("footer.tos")}
         </a>
         <a
           href="/privacy"
-          className="text-gray-400 hover:text-gold-light font-medium"
+          className={i18n.language === "en" ? "footer-text hover:text-gold-light" : "footer-text-pt hover:text-gold-light"}
         >
           {t("footer.privacy")}
         </a>
       </div>
 
-      <p className="text-center text-gray-400 font-medium">
+      <p className={i18n.language === "en" ? "footer-text text-center" : "footer-text-pt text-center"}>
         {t("footer.rights")}
       </p>
     </footer>
diff --git a/src/index.css b/src/index.css
index 4ac4dfc..b96dba6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -57,6 +57,13 @@ body {
   @apply mb-2 mt-3 italic text-lg xl:text-2xl font-medium text-gray-300;
 }
 
+.footer-text {
+  @apply text-gray-400 font-medium
+}
+
+.footer-text-pt {
+  @apply text-gray-400 font-medium text-xs
+}
 
 @keyframes fadeEffect {
   0% {