crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-05 17:27:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix darkmode

Browse Source
This commit is contained in:
Julián Benegas 2020-10-23 22:14:46 -03:00
parent 68752caa60
commit af12409f95
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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