diff --git a/pages/test.tsx b/pages/test.tsx index 7cc371625..9d0cb6129 100644 --- a/pages/test.tsx +++ b/pages/test.tsx @@ -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" /> + ) } diff --git a/src/components/common/Banner/Banner.tsx b/src/components/common/Banner/Banner.tsx index bc73e0b33..243dc026a 100644 --- a/src/components/common/Banner/Banner.tsx +++ b/src/components/common/Banner/Banner.tsx @@ -12,6 +12,7 @@ const RESPONSIVE:ResponsiveType = { desktop: { breakpoint: { max: 9999, min: 0 }, items: 1, + slidesToSlide:1 }, }; diff --git a/src/components/common/CarouselCommon/CarouselCommon.module.scss b/src/components/common/CarouselCommon/CarouselCommon.module.scss index fc74bcce8..9e04ecdf8 100644 --- a/src/components/common/CarouselCommon/CarouselCommon.module.scss +++ b/src/components/common/CarouselCommon/CarouselCommon.module.scss @@ -1,6 +1,7 @@ @import '../../../styles/utilities'; .navigationWrapper { @apply relative; + overflow: hidden; min-height: theme('caroucel.arrow-height'); .isPadding { // @apply spacing-horizontal; diff --git a/src/components/modules/home/HomeBanner/HomeBanner.module.scss b/src/components/modules/home/HomeBanner/HomeBanner.module.scss index ed8c5c7a7..ff6b3e511 100644 --- a/src/components/modules/home/HomeBanner/HomeBanner.module.scss +++ b/src/components/modules/home/HomeBanner/HomeBanner.module.scss @@ -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;