crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-29 18:01:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Correction of responsiveness of grid columns

Browse Source
This commit is contained in:
Hilverton Cesar 2020-11-03 19:00:59 -03:00 committed by GitHub
parent 9ea6da6d55
commit 423493cf25
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pages/search.tsx
View File

@ -69,7 +69,7 @@ export default function Search({
return ( return (
<Container> <Container>
<div className="grid grid-cols-12 gap-4 mt-3 mb-20"> <div className="grid grid-cols-12 gap-4 mt-3 mb-20">
<div className="col-span-2"> <div className="col-span-6 row-start-2 sm:col-span-2 md:row-start-1">
<ul className="mb-10"> <ul className="mb-10">
<li className="py-1 text-base font-bold tracking-wide"> <li className="py-1 text-base font-bold tracking-wide">
<Link href={{ pathname: getCategoryPath('', brand), query }}> <Link href={{ pathname: getCategoryPath('', brand), query }}>
@ -119,7 +119,7 @@ export default function Search({
))} ))}
</ul> </ul>
</div> </div>
<div className="col-span-8"> <div className="col-span-12 sm:col-span-8">
{(q || activeCategory || activeBrand) && ( {(q || activeCategory || activeBrand) && (
<div className="mb-12 transition ease-in duration-75"> <div className="mb-12 transition ease-in duration-75">
{data ? ( {data ? (
@ -190,7 +190,7 @@ export default function Search({
</Grid> </Grid>
)} )}
</div> </div>
<div className="col-span-2"> <div className="col-span-6 sm:col-span-2">
<ul> <ul>
<li className="py-1 text-base font-bold tracking-wide">Sort</li> <li className="py-1 text-base font-bold tracking-wide">Sort</li>
<li <li