crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

general improvements

Browse Source
This commit is contained in:
Franco Arza
2020-10-23 19:47:10 -03:00
parent 40049b27a1
commit 191bb96a0f
5 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/ui/Hero/Hero.tsx
View File

@@ -9,20 +9,20 @@ interface Props {
const Hero: FC<Props> = ({ headline, description }) => {
return (
<Container>
<div className="mx-auto grid grid-cols-2 bg-black py-32">
<div className="mx-auto grid grid-cols-2 bg-black py-32">
<Container>
<h2 className="text-4xl leading-10 font-extrabold text-white sm:text-5xl sm:leading-none sm:tracking-tight lg:text-6xl">
{headline}
</h2>
<div className="flex flex-col justify-between">
<p className="mt-5 text-xl leading-7 text-accent-2">{description}</p>
<a className="block text-white pt-3 font-bold hover:underline flex flex-row cursor-pointer">
<a className="text-white pt-3 font-bold hover:underline flex flex-row cursor-pointer">
<span>Read it here</span>
<RightArrow width="20" heigh="20" className="ml-1" />
</a>
</div>
</div>
</Container>
</Container>
</div>
)
}

2
components/ui/Sidebar/Sidebar.tsx
View File

@@ -72,7 +72,7 @@ const Sidebar: FC<Props> = ({ className, children, show = true, close }) => {
leaveFrom="translate-x-0"
leaveTo="translate-x-full"
>
<div className="h-full w-screen max-w-md">
<div className="h-full md:w-screen md:max-w-md">
<div className="h-full flex flex-col text-base bg-accents-1 shadow-xl overflow-y-auto">
{children}
</div>