cainamilech/m3-academy-template-checkout-caina-milech
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature/footer #3

Merged
cainamilech merged 6 commits from feature/footer into develop 2022-12-19 02:35:55 +00:00
Conversation 0 Commits 6 Files Changed 10 +124 -25
8 changed files with 124 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b4024af7fe - Show all commits

2
bash.exe.stackdump
View File

@ -2,7 +2,7 @@ Stack trace:
Frame Function Args
000FFFFCD30 00210062B0E (0021028A770, 00210275E51, 00000000001, 000FFFFB710)
000FFFFCD30 0021004846A (00210000000, 00200000000, 00000000000, 00000000001)
000FFFFCD30 002100484A2 (000000E0000, 000000E0101, 00000000001, 94FEDA51F366)
000FFFFCD30 002100484A2 (000007B0000, 000007D2501, 00000000001, E2F524F93905)
000FFFFCD30 0021006E416 (00210045323, 00210358970, 00000000000, 0000000000D)
000FFFFCD30 0021006E429 (00210045170, 0021023D7E0, 002100448F2, 000FFFFC910)
000FFFFCD30 002100713D4 (00000000013, 00000000001, 000FFFFC910, 00210278640)

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

@ -97,6 +97,13 @@ export default class Footer {
infinite: true,
arrows: true,
});
} else if (window.screen.width < 600) {
$(prateleira).slick({
slidesToShow: 2,
slidesToScroll: 1,
infinite: true,
arrows: true,
});
} else if (window.screen.width <= 1024) {
$(prateleira).slick({
slidesToShow: 3,

49
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

@ -13,8 +13,10 @@ h1#orderform-title {
.checkout-container {
.link.link-cart.pull-right {
@include mq(tablet, max) {
margin-right: 16px;
}
}
.client-pre-email {
border-color: $color-black-500;
@ -23,6 +25,11 @@ h1#orderform-title {
@include mq(tablet, max) {
padding-top: 0;
left: 0;
}
@include mq(md, max) {
/*width: unset;*/
}
.link-cart {
@ -49,6 +56,10 @@ h1#orderform-title {
}
.pre-email {
@include mq(md, max) {
margin-top: 100px;
}
flex-direction: column;
display: flex;
align-items: center;
@ -70,6 +81,14 @@ h1#orderform-title {
font-size: 14px;
line-height: 16px;
}
@include mq(md, max) {
font-size: 12px;
line-height: 14px;
}
font-size: 12px;
line-height: 14px;
}
small {
@ -82,8 +101,8 @@ h1#orderform-title {
font-family: $font-family-secundary;
@include mq(tablet, max) {
font-size: 14px;
line-height: 16px;
font-size: 12px;
line-height: 14px;
}
}
}
@ -116,16 +135,16 @@ h1#orderform-title {
line-height: 16px;
@include mq(tablet, max) {
width: 90%;
width: 90% !important;
}
&::placeholder {
color: $color-black-500;
}
@media (max-width: 490px) {
/*@media (max-width: 490px) {
width: auto;
}
}*/
}
button {
@ -149,6 +168,10 @@ h1#orderform-title {
right: 1.7%;
}
@include mq(md, max) {
right: 3.3%;
}
&:hover {
background: lighten($color-blue2, 5);
}
@ -158,7 +181,7 @@ h1#orderform-title {
}
@media (max-width: 490px) {
height: 48px;
/*height: 48px;*/
margin: 0;
position: absolute;
}
@ -194,6 +217,16 @@ h1#orderform-title {
}
}
@include mq(fold, max) {
width: 220px;
height: auto;
}
/*@include mq(md, max) {
display: table-cell;
width: 100%;
}*/
h3 {
color: $color-black-500;
font-style: normal;
@ -245,6 +278,10 @@ h1#orderform-title {
flex-direction: column;
}
.input-xlarge {
max-width: unset;
}
.orderform-template-holder.span8 {
@include mq(tablet, max) {
width: 100% !important;

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

@ -234,6 +234,11 @@
.cart-items {
tr.product-item {
position: relative;
@include mq(md, max) {
padding: 0;
margin: 0;
}
}
td {
@ -246,6 +251,7 @@
}
th {
text-align: start;
color: $color-black;
padding: 0 0 16px;
font-style: normal;
@ -270,8 +276,10 @@
padding: 0;
width: 60px;
@include mq(sm, max) {
width: 72px;
@include mq(md, max) {
/*width: 72px;*/
position: inherit !important;
width: 60px;
}
img {
@ -281,8 +289,8 @@
object-fit: cover;
@include mq(sm, max) {
height: 72px;
width: auto;
/*height: 72px;
width: auto;*/
}
}
}
@ -290,8 +298,10 @@
.product-name {
padding: 0 0 0 16px;
@include mq(lg, max) {
width: 250px;
@include mq(md, max) {
/*width: 250px;*/
position: absolute;
top: 0;
}
a {
@ -391,8 +401,12 @@
top: 20%;
}
@include mq(md, max) {
left: 6%;
}
@media (max-width: 490px) {
margin-left: 84px !important;
/*margin-left: 84px !important;*/
}
input {
@ -486,8 +500,14 @@
.item-remove {
text-align: end;
@media (max-width: 490px) {
@include mq(md, max) {
top: 0;
padding: 0;
}
a {
@include mq(md, max) {
padding-top: 0;
}
}
.icon::before {
color: $color-gray7;
@ -517,6 +537,9 @@
.summary {
margin-top: 48px;
@include mq(md, max) {
margin-top: 0;
}
@include mq(tablet, max) {
display: flex;
@ -530,7 +553,7 @@
.srp-container {
@include mq(md, max) {
padding: 0 16px;
max-width: 276px;
}
.srp-main-title {
@ -844,7 +867,7 @@
}
@include mq(md, max) {
padding: 0 16px;
padding: 0;
width: 100%;
}
@ -1046,7 +1069,7 @@
padding: 0 16px;
width: calc(100% - 32px);
float: none;
margin-bottom: 50px;
/*margin-bottom: 50px;*/
}
@include mq(md, min) {

25
checkout/src/arquivos/sass/lib/_slick.scss
View File

@ -114,11 +114,18 @@
.product-variation {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 20px;
align-items: center;
margin-bottom: 15px;
@include mq(md, max) {
height: 56px;
}
&__variation {
margin: 0 2.5px;
height: fit-content;
margin: 0 2.5px 5px;
background: $color-blue2;
border-radius: 8px;
padding: 5px;
@ -132,7 +139,7 @@
letter-spacing: 0.05em;
text-transform: uppercase;
color: $color-white;
white-space: nowrap;
/*white-space: nowrap;*/
}
}
@ -187,18 +194,30 @@
border: none;
z-index: 4;
top: 45%;
@include mq(md, max) {
top: 50%;
}
}
.slick-prev {
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-M3Academy.svg")
no-repeat center center;
background-size: contain;
left: 10px;
@include mq(md, max) {
left: 0px;
}
}
.slick-next {
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-M3Academy.svg")
no-repeat center center;
background-size: contain;
right: 10px;
@include mq(md, max) {
right: 0;
}
}
.slick-arrow.slick-hidden {
display: none;

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

@ -26,6 +26,10 @@
padding: 16px 8px;
margin: 0;
}
@include mq(md, max) {
margin: 16px 0;
}
}
}
@ -47,7 +51,7 @@
}
@include mq(md, max) {
margin-bottom: 24px;
margin-bottom: 16px;
max-width: 100%;
}
}
@ -70,6 +74,10 @@
display: flex;
column-gap: 13px;
@include mq(md, max) {
column-gap: 4px;
}
figure {
margin: 0;
width: 35px;
@ -99,7 +107,7 @@
}
@include mq(md, max) {
align-self: center;
align-self: flex-start;
margin-bottom: 12px;
}

6
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -7,7 +7,7 @@
width: 79.53125% !important;
@include mq(tablet, max) {
width: 992px !important;
width: 96.875% !important;
}
}
&__wrapper {
@ -29,6 +29,10 @@
margin: 16px 0;
}
@include mq(cstm, max) {
margin-right: 50px;
}
img {
width: 100%;
}

1
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -38,6 +38,7 @@ $color-green2: #298541;
/* Grid breakpoints */
$grid-breakpoints: (
xs: 0,
fold: 330,
cstm: 400,
sm: 576px,
md: 768px,