4
0
forked from crowetic/commerce

Changes Scroll

This commit is contained in:
Belen Curcio 2020-10-22 13:42:49 -03:00
parent 7e73f00860
commit 14630c89c8
2 changed files with 38 additions and 12 deletions

View File

@ -23,16 +23,40 @@ const Footer: FC<Props> = ({ className, pages }) => {
return ( return (
<div className="bg-black text-white"> <div className="bg-black text-white">
<footer className={rootClassName}> <footer className={rootClassName}>
<Link href="/"> <div className="grid grid-col-12"></div>
<a className="flex flex-initial items-center font-bold md:mr-24"> <div>
<span className="rounded-full border border-gray-700 mr-2"> <Link href="/">
<Logo /> <a className="flex flex-initial items-center font-bold md:mr-24">
</span> <span className="rounded-full border border-gray-700 mr-2">
<span>ACME</span> <Logo />
</a> </span>
</Link> <span>ACME</span>
</a>
</Link>
</div>
<ul className="flex flex-initial flex-col divide-y divide-gray-700 md:divide-y-0 my-12 md:my-0 md:flex-1"> <ul className="flex flex-initial flex-col divide-y divide-gray-700 md:divide-y-0 my-12 md:my-0 md:flex-1">
<li className="py-3 md:py-0 md:pb-4">
<Link href="/">
<a className="text-gray-400 hover:text-white transition ease-in-out duration-100">
Home
</a>
</Link>
</li>
<li className="py-3 md:py-0 md:pb-4">
<Link href="/">
<a className="text-gray-400 hover:text-white transition ease-in-out duration-100">
Careers
</a>
</Link>
</li>
<li className="py-3 md:py-0 md:pb-4">
<Link href="/blog">
<a className="text-gray-400 hover:text-white transition ease-in-out duration-100">
Blog
</a>
</Link>
</li>
{sitePages.map((page) => ( {sitePages.map((page) => (
<li key={page.url} className="py-3 md:py-0 md:pb-4"> <li key={page.url} className="py-3 md:py-0 md:pb-4">
<Link href={page.url!}> <Link href={page.url!}>
@ -56,9 +80,11 @@ const Footer: FC<Props> = ({ className, pages }) => {
))} ))}
</ul> </ul>
<small className="text-base"> <div>
&copy; 2020 ACME, Inc. All rights reserved. <small className="text-white">
</small> &copy; 2020 ACME, Inc. All rights reserved.
</small>
</div>
</footer> </footer>
</div> </div>
) )

View File

@ -26,7 +26,7 @@ const DropdownMenu: FC<DropdownMenuProps> = ({
return ( return (
<Transition <Transition
show={open} show={open}
enter="transition ease-out duration-100" enter="transition ease-out duration-100 z-20"
enterFrom="transform opacity-0 scale-95" enterFrom="transform opacity-0 scale-95"
enterTo="transform opacity-100 scale-100" enterTo="transform opacity-100 scale-100"
leave="transition ease-in duration-75" leave="transition ease-in duration-75"