forked from M3-Academy/m3-academy-template-checkout
feat(home): ajuste na parte central da página
This commit is contained in:
parent
81e26e0abf
commit
3e3043b3b8
@ -9,6 +9,7 @@ export default class Header {
|
|||||||
async init() {
|
async init() {
|
||||||
await this.selectors();
|
await this.selectors();
|
||||||
this.progressBarInnerHTML();
|
this.progressBarInnerHTML();
|
||||||
|
await this.removeCartTitle();
|
||||||
}
|
}
|
||||||
|
|
||||||
async selectors() {
|
async selectors() {
|
||||||
@ -60,6 +61,14 @@ export default class Header {
|
|||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async removeCartTitle() {
|
||||||
|
this.ctitle = await waitElement("#cart-title", {
|
||||||
|
timeout: 5000,
|
||||||
|
interval: 1000,
|
||||||
|
});
|
||||||
|
this.ctitle.style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
// async progressBarProgress(){
|
// async progressBarProgress(){
|
||||||
// if(this.progressBar && window.innerWidth > 1024){
|
// if(this.progressBar && window.innerWidth > 1024){
|
||||||
// const progressBarLista = document.querySelectorAll("#progressBar ul li");
|
// const progressBarLista = document.querySelectorAll("#progressBar ul li");
|
||||||
|
@ -1,38 +1,49 @@
|
|||||||
.empty-cart {
|
.empty-cart {
|
||||||
font-family: $font-family;
|
font-family: $font-family;
|
||||||
&-content {
|
&-content {
|
||||||
color: $color-black;
|
color: $color-black;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-title {
|
&-message {
|
||||||
font-size: 20px;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-links {
|
&-title {
|
||||||
.link-choose-products {
|
font-size: 20px;
|
||||||
background: $color-black;
|
text-transform: uppercase;
|
||||||
border: none;
|
}
|
||||||
border-radius: 5px;
|
|
||||||
transition: ease-in 0.22s all;
|
|
||||||
outline: none;
|
|
||||||
font-family: $font-family;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 16px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: 0.05em;
|
|
||||||
color: $color-white;
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
&:hover {
|
&-links {
|
||||||
background: lighten($color-black, 5);
|
.link-choose-products {
|
||||||
}
|
// background: $color-black;
|
||||||
}
|
background: $color-white;
|
||||||
}
|
// border: none;
|
||||||
|
border: 1px solid $color-black-100;
|
||||||
|
border-radius: 0;
|
||||||
|
// border-radius: 5px;
|
||||||
|
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-100;
|
||||||
|
text-transform: uppercase;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: lighten($color-black, 5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,11 +1,8 @@
|
|||||||
/* _footer.scss */
|
/* _footer.scss */
|
||||||
.footerCheckout {
|
.footerCheckout {
|
||||||
border-top: none;
|
border-top: 1px solid $color-black-100;
|
||||||
color: $color-gray2;
|
color: $color-gray2;
|
||||||
|
padding: 16px 0;
|
||||||
.container {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
// &__prateleira {
|
// &__prateleira {
|
||||||
// border-top: 1px solid #e5e5e5;
|
// border-top: 1px solid #e5e5e5;
|
||||||
@ -14,8 +11,14 @@
|
|||||||
// }
|
// }
|
||||||
|
|
||||||
&__wrapper {
|
&__wrapper {
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
width: 100% !important;
|
||||||
|
// margin: 0 0 0 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -28,6 +31,8 @@
|
|||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
max-width: 40%;
|
max-width: 40%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
@include mq(md, max) {
|
@include mq(md, max) {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
|
@ -1,8 +1,10 @@
|
|||||||
/* _header.scss */
|
/* _header.scss */
|
||||||
.headerCheckout {
|
.headerCheckout {
|
||||||
margin: 29px 130px;
|
border-bottom: 1px solid $color-black-100;
|
||||||
|
width: 100%;
|
||||||
.container {
|
.container {
|
||||||
width: auto !important;
|
width: auto !important;
|
||||||
|
margin: 30px 130px;
|
||||||
}
|
}
|
||||||
&__wrapper {
|
&__wrapper {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
Loading…
Reference in New Issue
Block a user