[examples/openspending,footer,#897][s]: add PortalJS logo to the footer

This commit is contained in:
João Demenech 2023-06-05 13:13:39 -03:00
parent 688db3e6a6
commit 7a46a6732b
2 changed files with 8 additions and 5 deletions

View File

@ -2,20 +2,23 @@ import Image from 'next/image';
import Link from 'next/link'; import Link from 'next/link';
export default function Footer() { export default function Footer() {
return ( return (
<footer> <footer className="bg-slate-50 border-t border-slate-100 py-10">
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-between md:flex-row"> <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-between md:flex-row">
<div className="flex gap-x-2 items-center mx-auto"> <div className="flex gap-x-2 items-center justify-center mx-auto">
<p className="mt-8 text-base text-slate-500 md:mt-0">Maintained by</p> <p className="text-base text-slate-500">Maintained by</p>
<a href="https://www.datopian.com/" target="_blank"> <a href="https://www.datopian.com/" target="_blank">
<Image <Image
alt="Datopian logo" alt="Datopian logo"
className="mb-2" className="mb-1"
src="/datopian-logotype.png" src="/datopian-logotype.png"
width={120} width={120}
height={30} height={30}
/> />
</a> </a>
</div> </div>
<div className="flex gap-x-2 items-center mx-auto h-20">
<p className="mt-8 text-base text-slate-500 md:mt-0">Built with <a href="https://portaljs.org" target="_blank" className='text-xl font-medium'>🌀 PortalJS</a></p>
</div>
</div> </div>
</footer> </footer>
); );

View File

@ -3,7 +3,7 @@ import Footer from './Footer';
export default function Layout({ children }) { export default function Layout({ children }) {
return ( return (
<div className="bg-white min-h-screen pb-12"> <div className="bg-white min-h-screen">
<Header /> <Header />
{children} {children}
<Footer /> <Footer />