cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Layout Changes

Browse Source
This commit is contained in:
Belen Curcio 2020-10-13 09:41:37 -03:00
parent 0d35e22fda
commit 2ad115af61
2 changed files with 59 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/core/Navbar/Navbar.tsx
View File

@ -14,7 +14,7 @@ const Navbar: FC<Props> = ({ className }) => {
return ( return (
<div className={rootClassName}> <div className={rootClassName}>
<Container> <Container>
<div className="flex justify-between align-center flex-row p-4 md:p-6 relative"> <div className="flex justify-between align-center flex-row py-4 md:py-6 relative">
<div className="flex flex-1 items-center"> <div className="flex flex-1 items-center">
<Link href="/"> <Link href="/">
<a className="cursor-pointer"> <a className="cursor-pointer">

10
pages/search.tsx
View File

@ -2,7 +2,7 @@ import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
import getSiteInfo from '@lib/bigcommerce/api/operations/get-site-info' import getSiteInfo from '@lib/bigcommerce/api/operations/get-site-info'
import useSearch from '@lib/bigcommerce/products/use-search' import useSearch from '@lib/bigcommerce/products/use-search'
import { Layout } from '@components/core' import { Layout } from '@components/core'
import { Grid } from '@components/ui' import { Container, Grid } from '@components/ui'
import { ProductCard } from '@components/product' import { ProductCard } from '@components/product'
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
@ -25,6 +25,7 @@ export default function Home({
}) })
return ( return (
<Container>
<div className="grid grid-cols-12 gap-8 mt-3 mb-20"> <div className="grid grid-cols-12 gap-8 mt-3 mb-20">
<div className="col-span-2"> <div className="col-span-2">
<ul className="mb-10"> <ul className="mb-10">
@ -61,7 +62,11 @@ export default function Home({
"<strong>{q}</strong>" "<strong>{q}</strong>"
</div> </div>
)} )}
<Grid items={data.products} layout="normal" wrapper={ProductCard} /> <Grid
items={data.products}
layout="normal"
wrapper={ProductCard}
/>
</> </>
) : ( ) : (
<div>Searching...</div> <div>Searching...</div>
@ -79,6 +84,7 @@ export default function Home({
</ul> </ul>
</div> </div>
</div> </div>
</Container>
) )
} }