From 2017cc2e5a7ca0640ba37f301b97e180df4e0f74 Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Tue, 25 Jun 2024 10:33:00 +0330
Subject: [PATCH] change footer hover mode

---
 components/layout/Footer.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/layout/Footer.js b/components/layout/Footer.js
index 1902729..511b195 100644
--- a/components/layout/Footer.js
+++ b/components/layout/Footer.js
@@ -76,8 +76,8 @@ function Footer() {
                         <li
                             key={idx}
                             className={`
-                            border-0 border-b-2 border-solid 
-                            ${idx === 0 ? 'text-[#3B3B3B] border-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'} 
+                            relative after:absolute after:right-0 after:h-0.5 after:bottom-0 after:w-0
+                            ${idx === 0 ? 'text-[#3B3B3B] after:hover:w-full after:transition-all after:hover:bg-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'} 
                             text-[16px] w-fit`}
                         >{item}</li>
                     ))}
@@ -87,8 +87,8 @@ function Footer() {
                         <li
                             key={idx}
                             className={`
-                            border-0 border-b-2 border-solid 
-                            ${idx === 0 ? 'text-[#3B3B3B] border-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'} 
+                            relative after:absolute after:right-0 after:h-0.5 after:bottom-0 after:w-0
+                            ${idx === 0 ? 'text-[#3B3B3B] after:hover:w-full after:transition-all after:hover:bg-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'} 
                             text-[16px] w-fit`}
                         >{item}</li>
                     ))}
@@ -96,7 +96,7 @@ function Footer() {
 
                 {/* Left */}
                 <div className="flex flex-col justify-center gap-[50px]">
-                    <p className="text-[#3B3B3B] w-fit text-[16px] border-[#F17732] font-bold border-0 border-b-2 border-solid pb-1.5">
+                    <p className="text-[#3B3B3B] w-fit text-[16px] after:hover:w-full after:transition-all after:hover:bg-[#F17732] font-bold pb-1.5 relative after:absolute after:right-0 after:h-0.5 after:bottom-0 after:w-0">
                         همراه با ما باشید:
                     </p>
                     <ul className="flex items-center gap-[15px]">