Carousel-Common

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

View File

@ -2,6 +2,7 @@ import {
FeaturedProductCard,
Layout
} from 'src/components/common';
import { HomeBanner } from 'src/components/modules/home';
// import { RecipeListPage } from 'src/components/modules/recipes';
import { OPTION_ALL, QUERY_KEY, ROUTE } from 'src/utils/constanst.utils';
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"
price={data.price}
originPrice="$20.00" />
<HomeBanner/>
</>
)
}

View File

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

View File

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

View File

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