crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-26 19:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: layout CheckoutPage

Browse Source
This commit is contained in:
Tan Le
2021-09-23 11:42:08 +07:00
parent ee3a331696
commit d5c0aba8a2
8 changed files with 54 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modules/checkout/CheckoutBill/CheckoutBill.module.scss
View File

@@ -3,7 +3,7 @@
min-width: 100%;
@screen lg {
max-width: 56.3rem;
@apply flex justify-between flex-col border-l-2 border-solid border-line;
@apply flex justify-between flex-col;
}
.title {
display: none;

4
src/components/modules/checkout/CheckoutInfo/CheckoutInfo.module.scss
View File

@@ -1,11 +1,13 @@
.warpper{
@apply w-full;
padding: 3.2rem;
@screen lg {
padding-right: 8.8rem;
}
.title{
margin-bottom: 3.2rem;
@apply flex justify-between items-center;
.viewCart{
margin-right: 5.6rem;
@apply text-primary font-bold;
display: block;
cursor: pointer;

5
src/components/modules/checkout/CheckoutInfo/components/CustomerInfoForm/CustomerInfoForm.module.scss
View File

@@ -2,7 +2,10 @@
.warpper{
@apply u-form;
@screen md {
padding: 0 5.6rem;
padding-left: 5.6rem;
.button {
min-width: 22rem;
}
}
.bottom{
margin-top: 2.4rem;

12
src/components/modules/checkout/CheckoutPage/CheckoutPage.module.scss
View File

@@ -1,7 +1,7 @@
@import "../../../../styles/utilities";
.warrper{
@apply flex;
.right{
@apply flex w-full h-full absolute;
.right {
display: none;
@screen lg {
display: block;
@@ -11,10 +11,10 @@
min-width: 56.3rem;
}
}
.left{
@apply w-full;
.left {
@apply w-full border-r-2 border-solid border-line;
}
.mobile{
.mobile {
@apply hidden;
&.isShow{
@apply block;
@@ -22,7 +22,7 @@
@apply hidden;
}
}
.modal{
.modal {
background: rgba(0, 0, 0, 0.5);
position: fixed;
left: 0;