ManuelaLuanaSchumackerTavares/m3-academy-template-checkout-manuela-luana-schumacker-tavares
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

develop #14

Merged
ManuelaLuanaSchumackerTavares merged 26 commits from develop into main 2022-12-18 21:45:24 +00:00
Conversation 0 Commits 26 Files Changed 10 +78 -2
3 changed files with 78 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9f147c22b8 - Show all commits

2
checkout/src/arquivos/js/components/Footer.js
View File

@ -78,7 +78,7 @@ export default class Footer {
let structure = ""; let structure = "";
this.list.forEach((resp) => { this.list.forEach((resp) => {
const sku = resp.skus.map((item) => `<li>${item}</li>`); const sku = resp.skus.map((item) => `<li>${item}</li>`).join("");
structure += ` structure += `
<li class="footerCheckout__shelf-card"> <li class="footerCheckout__shelf-card">

76
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -105,12 +105,26 @@
background-color: $color-white; background-color: $color-white;
} }
.checkout-container {
overflow: 0 !important;
@media (max-width: 1024px) {
overflow: hidden !important;
}
@media (max-width: 767px) {
overflow-x: hidden !important;
}
}
.cart-items { .cart-items {
width: 100% !important;
.product-item { .product-item {
padding: 16px 0; padding: 16px 0;
} }
th { th {
font-family: $font-family-secundary;
color: $color-black; color: $color-black;
padding: 0 0 16px; padding: 0 0 16px;
font-style: normal; font-style: normal;
@ -118,6 +132,11 @@
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
@include mq(xxl, min) {
font-size: 28px;
line-height: 33px;
}
&.shipping-date { &.shipping-date {
font-size: 0; font-size: 0;
@ -127,6 +146,11 @@
font-family: $font-family-secundary; font-family: $font-family-secundary;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
@include mq(xxl, min) {
font-size: 28px;
line-height: 33px;
}
} }
} }
@ -137,6 +161,11 @@
font-family: $font-family-secundary; font-family: $font-family-secundary;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
@include mq(xxl, min) {
font-size: 28px;
line-height: 33px;
}
} }
} }
@ -177,6 +206,7 @@
} }
a { a {
font-family: $font-family-secundary;
color: $color-black2; color: $color-black2;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
@ -189,6 +219,11 @@
text-decoration: none; text-decoration: none;
} }
@include mq(xxl, min) {
font-size: 28px;
line-height: 33px;
}
@media (max-width: 490px) { @media (max-width: 490px) {
margin-left: 23px; margin-left: 23px;
} }
@ -205,6 +240,11 @@
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
@include mq(xxl, min) {
font-size: 28px;
line-height: 33px;
}
@include mq(md, max) { @include mq(md, max) {
display: none; display: none;
} }
@ -229,6 +269,11 @@
line-height: 14px; line-height: 14px;
text-decoration-line: line-through; text-decoration-line: line-through;
@include mq(xxl, min) {
font-size: 24px;
line-height: 28px;
}
@include mq(sm, max) { @include mq(sm, max) {
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
@ -290,6 +335,10 @@
display: block; display: block;
font-weight: 500; font-weight: 500;
padding: 1px 12px; padding: 1px 12px;
@include mq(xxl, min) {
width: 32px;
}
} }
} }
@ -334,6 +383,11 @@
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
color: $color-black; color: $color-black;
@include mq(xxl, min) {
font-size: 28px;
line-height: 33px;
}
} }
.total-selling-price { .total-selling-price {
@ -344,6 +398,10 @@
} }
.quantity-price { .quantity-price {
@include mq(xxl, min) {
font-size: 28px;
line-height: 38px;
}
@include mq(md, max) { @include mq(md, max) {
display: none; display: none;
} }
@ -398,6 +456,11 @@
font-family: $font-family; font-family: $font-family;
color: $color-black2; color: $color-black2;
@include mq(xxl, min) {
font-size: 48px;
line-height: 65px;
}
@include mq(md, max) { @include mq(md, max) {
margin-top: 0; margin-top: 0;
} }
@ -408,7 +471,13 @@
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 18px; line-height: 18px;
margin: 0 0 12px; // margin: 0 0 12px;
margin: 0;
@include mq(xxl, min) {
font-size: 28px;
line-height: 36px;
}
} }
button.shp-open-options { button.shp-open-options {
@ -463,6 +532,11 @@
white-space: nowrap; white-space: nowrap;
text-transform: uppercase; text-transform: uppercase;
@include mq(xxl, min) {
font-size: 28px !important;
line-height: 36px !important;
}
&:hover { &:hover {
background-color: lighten($color-black, 5); background-color: lighten($color-black, 5);
} }

2
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -252,6 +252,8 @@
justify-content: center; justify-content: center;
margin: 0; margin: 0;
margin: 0 0 20px; margin: 0 0 20px;
gap: 5px;
flex-wrap: wrap;
list-style-type: none; list-style-type: none;
// font-size: 0; // font-size: 0;
#text { #text {