forked from M3-Academy/m3-academy-template-checkout
Feature/Autenticacao #1
@ -41,6 +41,7 @@ export default class CheckoutUI {
|
||||
this.configThumb();
|
||||
waitForEl(".product-image img", this.resizeImages.bind(this));
|
||||
$(window).on("orderFormUpdated.vtex", this.resizeImages.bind(this));
|
||||
this.changeTitleChooseProduct();
|
||||
}
|
||||
|
||||
configThumb() {
|
||||
@ -66,4 +67,5 @@ export default class CheckoutUI {
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -10,30 +10,61 @@
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: 20px;
|
||||
font-size: 24px;
|
||||
font-family: $font-family;
|
||||
font-weight: 700;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
&-links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.link-choose-products {
|
||||
background: $color-black;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 327px;
|
||||
height: 48px;
|
||||
background: $color-white;
|
||||
border: 1px solid $color-black-500;
|
||||
border-radius: 0;
|
||||
transition: ease-in 0.22s all;
|
||||
outline: none;
|
||||
font-family: $font-family;
|
||||
font-family: $font-family-secundary;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
letter-spacing: 0.05em;
|
||||
color: $color-white;
|
||||
color: $color-black-500;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
background: lighten($color-black, 5);
|
||||
background: $color-blue-200;
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.btn-large {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-message {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
@ -49,6 +49,10 @@ body {
|
||||
.container-order-form,
|
||||
.container-cart {
|
||||
width: 80%;
|
||||
|
||||
#cart-title {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -16,6 +16,7 @@ $color-gray3: #f0f0f0;
|
||||
$color-gray4: #8d8d8d;
|
||||
$color-gray5: #e5e5e5;
|
||||
|
||||
$color-blue-200: #00C8FF;
|
||||
$color-blue: #4267b2;
|
||||
|
||||
$color-green: #4caf50;
|
||||
|
Loading…
Reference in New Issue
Block a user