cx/commerce
4
0
Fork 0
Code Pull Requests Activity

Changes Scroll

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

28
components/core/Footer/Footer.tsx
View File

@@ -23,6 +23,8 @@ 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}>
<div className="grid grid-col-12"></div>
<div>
<Link href="/"> <Link href="/">
<a className="flex flex-initial items-center font-bold md:mr-24"> <a className="flex flex-initial items-center font-bold md:mr-24">
<span className="rounded-full border border-gray-700 mr-2"> <span className="rounded-full border border-gray-700 mr-2">
@@ -31,8 +33,30 @@ const Footer: FC<Props> = ({ className, pages }) => {
<span>ACME</span> <span>ACME</span>
</a> </a>
</Link> </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>
<small className="text-white">
&copy; 2020 ACME, Inc. All rights reserved. &copy; 2020 ACME, Inc. All rights reserved.
</small> </small>
</div>
</footer> </footer>
</div> </div>
) )

2
components/core/UserNav/DropdownMenu.tsx
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"