mernmail/mernmail-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make the heading in the footer bold

Browse source
This commit is contained in:
Dorian Niemiec 2024-11-07 18:15:49 +01:00
parent 36d97aecd1
commit 9d0de2c863
1 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
components/Footer.jsx
View file

@ -15,14 +15,12 @@ function Footer() {
</div> </div>
<div className="flex flex-col items-center sm:items-start sm:flex-row justify-between w-full lg:w-auto space-y-6 sm:space-y-0 sm:space-x-6 lg:space-x-16"> <div className="flex flex-col items-center sm:items-start sm:flex-row justify-between w-full lg:w-auto space-y-6 sm:space-y-0 sm:space-x-6 lg:space-x-16">
<div className="flex flex-col items-center sm:items-start"> <div className="flex flex-col items-center sm:items-start">
<div className="text-2xl font-light text-primary"> <div className="text-2xl font-bold text-primary">Quick links</div>
Quick links
</div>
{footerLinks.otherPages.map((link) => ( {footerLinks.otherPages.map((link) => (
<span key={link.href}> <span key={link.href}>
<Link <Link
href={link.href} href={link.href}
className="text-base font-light hover:text-primary hover:underline" className="text-base hover:text-primary hover:underline"
> >
{link.label} {link.label}
</Link> </Link>
@ -31,12 +29,12 @@ function Footer() {
</div> </div>
<div className="flex flex-col items-center sm:items-start"> <div className="flex flex-col items-center sm:items-start">
<div className="text-2xl font-light text-primary">Resources</div> <div className="text-2xl font-bold text-primary">Resources</div>
{footerLinks.resources.map((link) => ( {footerLinks.resources.map((link) => (
<span key={link.href}> <span key={link.href}>
<Link <Link
href={link.href} href={link.href}
className="text-base font-light hover:text-primary hover:underline" className="text-base hover:text-primary hover:underline"
> >
{link.label} {link.label}
</Link> </Link>
@ -45,10 +43,8 @@ function Footer() {
</div> </div>
<div className="flex flex-col items-center sm:items-start"> <div className="flex flex-col items-center sm:items-start">
<div className="text-2xl font-light text-primary">Social</div> <div className="text-2xl font-bold text-primary">Social</div>
<p className="text-base font-light"> <p className="text-base">{footerLinks.social.supportText}</p>
{footerLinks.social.supportText}
</p>
<div className="flex space-x-1 py-3"> <div className="flex space-x-1 py-3">
<SocialIcons /> <SocialIcons />
</div> </div>