hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change footer hover mode

Browse Source
This commit is contained in:
Ehsan
2024-06-25 10:33:00 +03:30
parent b03fbc0093
commit 2017cc2e5a
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/Footer.js
+5 -5
View File
@@ -76,8 +76,8 @@ function Footer() {
<li <li
key={idx} key={idx}
className={` className={`
border-0 border-b-2 border-solid relative after:absolute after:right-0 after:h-0.5 after:bottom-0 after:w-0
${idx === 0 ? 'text-[#3B3B3B] border-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'} ${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`} text-[16px] w-fit`}
>{item}</li> >{item}</li>
))} ))}
@@ -87,8 +87,8 @@ function Footer() {
<li <li
key={idx} key={idx}
className={` className={`
border-0 border-b-2 border-solid relative after:absolute after:right-0 after:h-0.5 after:bottom-0 after:w-0
${idx === 0 ? 'text-[#3B3B3B] border-[#F17732] font-bold pb-1.5' : 'text-[#616161] border-transparent font-normal'} ${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`} text-[16px] w-fit`}
>{item}</li> >{item}</li>
))} ))}
@@ -96,7 +96,7 @@ function Footer() {
{/* Left */} {/* Left */}
<div className="flex flex-col justify-center gap-[50px]"> <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> </p>
<ul className="flex items-center gap-[15px]"> <ul className="flex items-center gap-[15px]">