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

Center footer in mobile view

Browse Source
This commit is contained in:
Rene Arumetsa
2026-03-31 23:34:27 +03:00
parent c005bc06cc
commit 69a95e0205
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,7 +20,7 @@ export default function Footer() {
{/* Desktop: full footer */} {/* Desktop: full footer */}
<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"> <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-2 text-p text-text-light"> <div className="flex flex-col items-center lg:items-start gap-2 text-p text-text-light text-center lg:text-left w-full lg:w-auto">
<p className="font-bold">{t("teaser.footer.organization")}</p> <p className="font-bold">{t("teaser.footer.organization")}</p>
<p>{t("teaser.footer.regCode")}</p> <p>{t("teaser.footer.regCode")}</p>
<p>{t("teaser.footer.bankAccount")}</p> <p>{t("teaser.footer.bankAccount")}</p>
@@ -31,13 +31,13 @@ export default function Footer() {
</div> </div>
{/* Center: Contact info */} {/* Center: Contact info */}
<div className="flex flex-col gap-2 text-p text-text-light mt-8 lg:mt-0 lg:pt-8"> <div className="flex flex-col items-center lg:items-start gap-2 text-p text-text-light text-center lg:text-left w-full lg:w-auto mt-8 lg:mt-0 lg:pt-8">
<a href="mailto:tipilaninfo@gmail.com" className="underline">{t("teaser.footer.email")}</a> <a href="mailto:tipilaninfo@gmail.com" className="underline">{t("teaser.footer.email")}</a>
<p>{t("teaser.footer.phone")}</p> <p>{t("teaser.footer.phone")}</p>
</div> </div>
{/* Right: Social links */} {/* Right: Social links */}
<div className="flex flex-col items-end"> <div className="flex flex-col items-center lg:items-end w-full lg:w-auto">
<div className="grid grid-cols-3 gap-8 lg:gap-6 w-[169px]"> <div className="grid grid-cols-3 gap-8 lg:gap-6 w-[169px]">
{SOCIAL_LINKS.map(({ icon: Icon, href, label }) => ( {SOCIAL_LINKS.map(({ icon: Icon, href, label }) => (
<a <a