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

improve the grid on mobile a bit

Browse Source
This commit is contained in:
Franco Arza 2020-10-26 18:28:09 -03:00
parent daaa2a483f
commit 58385dc491
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/product/ProductSlider/ProductSlider.module.css
View File

@ -48,7 +48,8 @@
@apply hidden;
@screen sm {
@apply block absolute bottom-6 left-1/2 -translate-x-1/2 transform;
@apply block absolute bottom-6 left-1/2;
transform: translateX(-50%);
}
}

6
pages/index.tsx
View File

@ -129,9 +129,9 @@ export default function Home({
/>
))}
</Marquee>
<div className="py-12 flex flex-row w-full px-6">
<div className="pr-3 w-48 relative">
<div className="sticky top-32">
<div className="py-12 flex flex-col md:flex-row w-full px-6">
<div className="pr-3 w-full md:w-48 relative">
<div className="flex flex-row w-full justify-around mb-12 md:mb-0 md:block md:sticky md:top-32">
<ul className="mb-10">
<li className="py-1 text-base font-bold tracking-wide">
<Link href={getCategoryPath('')}>