lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-05-08 18:08:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend: Footer.tsx: fix mobile footer

Browse Source
This commit is contained in:
Arto Reinik
2026-03-26 12:53:12 +02:00
parent a6287a9298
commit 0ddca1b751
1 changed files with 1 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/teaser/Footer.tsx
View File

@@ -17,24 +17,8 @@ export default function Footer() {
return ( return (
<footer className="bg-bg-dark w-full border-t-4 border-primary-50 lg:border-t-0"> <footer className="bg-bg-dark w-full border-t-4 border-primary-50 lg:border-t-0">
{/* Mobile: only social icons */}
<div className="flex lg:hidden items-center justify-center gap-6 py-8 px-6 flex-wrap">
{SOCIAL_LINKS.map(({ icon: Icon, href, label }) => (
<a
key={label}
href={href}
target="_blank"
rel="noopener noreferrer"
className="text-text-light hover:text-primary transition-colors"
aria-label={label}
>
<Icon size={32} />
</a>
))}
</div>
{/* Desktop: full footer */} {/* Desktop: full footer */}
<div className="hidden lg:flex flex-wrap gap-y-12 gap-x-8 xl:gap-x-0 items-start justify-between p-8 xl:p-16"> <div className="flex flex-col-reverse lg:flex-row flex-wrap gap-y-12 gap-x-8 xl:gap-x-0 items-start justify-between p-8 xl:p-16">
{/* Left: Organization info */} {/* Left: Organization info */}
<div className="flex flex-col gap-4 text-p font-bold text-text-light"> <div className="flex flex-col gap-4 text-p font-bold text-text-light">
<p>{t("teaser.footer.organization")}</p> <p>{t("teaser.footer.organization")}</p>