Merge pull request #61 from KieIO/fix-response

Fix response FeaturedProductsCarousel
This commit is contained in:
LeSyTan 2021-09-21 17:55:44 +07:00 committed by GitHub
commit e33c925bbf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 37 additions and 12 deletions

View File

@ -11,5 +11,12 @@
font-size: 1.2rem;
line-height: 2rem;
}
@screen sm-only {
@apply flex-col items-start;
.button {
padding-top: 2rem;
}
}
}
}

View File

@ -43,9 +43,11 @@ const CustomerInfoForm = ({ id, onConfirm }: CustomerInfoFormProps) => {
}
.
</div>
<ButtonCommon onClick={handleConfirmClick}>
Continue to Shipping
</ButtonCommon>
<div className={s.button}>
<ButtonCommon onClick={handleConfirmClick}>
Continue to Shipping
</ButtonCommon>
</div>
</div>
</div>
)

View File

@ -12,5 +12,11 @@
font-size: 1.2rem;
line-height: 2rem;
}
@screen sm-only {
@apply flex-col items-start;
.button {
padding-top: 2rem;
}
}
}
}

View File

@ -44,9 +44,11 @@ const PaymentInfoForm = ({onConfirm,id}: PaymentInfoFormProps) => {
}
.
</div>
<ButtonCommon onClick={handleConfirmClick}>
Submit Order
</ButtonCommon>
<div className={s.button}>
<ButtonCommon onClick={handleConfirmClick}>
Submit Order
</ButtonCommon>
</div>
</div>
</div>
)

View File

@ -12,6 +12,12 @@
font-size: 1.2rem;
line-height: 2rem;
}
@screen sm-only {
@apply flex-col items-start;
.button {
padding-top: 2rem;
}
}
}
.line{
>div{

View File

@ -86,9 +86,11 @@ const ShippingInfoForm = ({onConfirm,id}: ShippingInfoFormProps) => {
}
.
</div>
<ButtonCommon onClick={handleConfirmClick}>
Continue to Payment
</ButtonCommon>
<div className={s.button}>
<ButtonCommon onClick={handleConfirmClick}>
Continue to Payment
</ButtonCommon>
</div>
</div>
</div>
)

View File

@ -54,7 +54,7 @@ const dataDemo:FeaturedProductCardProps[] = [{
},
lap: {
breakpoint: { max: 1024, min: 968 },
items: 1.75,
items: 1.7,
},
tablet: {
breakpoint: { max: 968, min: 768 },
@ -66,11 +66,11 @@ const dataDemo:FeaturedProductCardProps[] = [{
},
largeMobile: {
breakpoint: { max: 640, min: 400 },
items: 2,
items: 1.5,
},
mobile: {
breakpoint: { max: 400, min: 300 },
items: 1.5,
items: 1.15,
},
smallMobile: {
breakpoint: { max: 300, min: 0 },