tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-04 06:57:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

align width of footer to header

Browse Source
This commit is contained in:
Thomas Ruoff
2021-04-06 23:22:18 +02:00
parent 5bfddcc4e9
commit 22d12a8a20
1 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
components/footer.tsx
View File

@@ -4,26 +4,28 @@ import Logo from './logo'
export default function Footer() { export default function Footer() {
return ( return (
<footer className="my-5 flex flex-col sm:flex-row px-4 sm:px-6"> <footer>
<div className="flex-grow"> <div className="flex flex-col sm:flex-row max-w-7xl mx-auto px-4 sm:px-6 my-5">
<Link href="/"> <div className="flex-grow">
<a> <Link href="/">
<Logo className="h-12 w-auto sm:h-14" /> <a>
</a> <Logo className="h-12 w-auto sm:h-14" />
</Link> </a>
</Link>
</div>
<ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
<li>
<Link href="/privacy">
<a className="link">Datenschutzerklärung</a>
</Link>
</li>
<li>
<Link href="/impressum">
<a className="link">Impressum</a>
</Link>
</li>
</ul>
</div> </div>
<ul className="flex flex-col gap-2 sm:flex-row sm:items-end ">
<li>
<Link href="/privacy">
<a className="link">Datenschutzerklärung</a>
</Link>
</li>
<li>
<Link href="/impressum">
<a className="link">Impressum</a>
</Link>
</li>
</ul>
</footer> </footer>
) )
} }