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

Carousel-Common

Browse Source
This commit is contained in:
DatNguyen
2021-09-17 17:13:22 +07:00
parent 3fb76cb8e2
commit 463e7c9023
4 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/test.tsx
View File

@@ -2,6 +2,7 @@ import {
FeaturedProductCard, FeaturedProductCard,
Layout Layout
} from 'src/components/common'; } from 'src/components/common';
import { HomeBanner } from 'src/components/modules/home';
// import { RecipeListPage } from 'src/components/modules/recipes'; // import { RecipeListPage } from 'src/components/modules/recipes';
import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils'; import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils';
import { PRODUCT_DATA_TEST, PRODUCT_DATA_TEST_PAGE } from 'src/utils/demo-data'; import { PRODUCT_DATA_TEST, PRODUCT_DATA_TEST_PAGE } from 'src/utils/demo-data';
@@ -78,6 +79,7 @@ export default function Test() {
subTitle="50 first orders within a day" subTitle="50 first orders within a day"
price={data.price} price={data.price}
originPrice="$20.00" /> originPrice="$20.00" />
<HomeBanner/>
</> </>
) )
} }

1
src/components/common/Banner/Banner.tsx
View File

@@ -12,6 +12,7 @@ const RESPONSIVE:ResponsiveType = {
desktop: { desktop: {
breakpoint: { max: 9999, min: 0 }, breakpoint: { max: 9999, min: 0 },
items: 1, items: 1,
slidesToSlide:1
}, },
}; };

1
src/components/common/CarouselCommon/CarouselCommon.module.scss
View File

@@ -1,6 +1,7 @@
@import '../../../styles/utilities'; @import '../../../styles/utilities';
.navigationWrapper { .navigationWrapper {
@apply relative; @apply relative;
overflow: hidden;
min-height: theme('caroucel.arrow-height'); min-height: theme('caroucel.arrow-height');
.isPadding { .isPadding {
// @apply spacing-horizontal; // @apply spacing-horizontal;

2
src/components/modules/home/HomeBanner/HomeBanner.module.scss
View File

@@ -9,7 +9,7 @@
} }
@screen xl { @screen xl {
@apply grid; @apply grid;
grid-template-columns: 1fr 1.8fr; grid-template-columns: 35.75% 64.25%;
.left { .left {
@apply relative flex items-end justify-center shape-common-lg; @apply relative flex items-end justify-center shape-common-lg;
margin-right: 1.6rem; margin-right: 1.6rem;