WellingtonDuarteSantos/m3-academy-template-checkout-wellington-duarte-santos
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

development #7

Merged
WellingtonDuarteSantos merged 12 commits from development into main 2022-12-19 02:48:24 +00:00
Conversation 0 Commits 12 Files Changed 12 +36 -34
3 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 60862daf90 - Show all commits

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

@ -114,7 +114,7 @@
color: $color-black; color: $color-black;
padding: 0 0 16px; padding: 0 0 16px;
font-style: normal; font-style: normal;
font-weight: bold; font-weight: 400;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
@ -155,7 +155,7 @@
} }
a { a {
color: $color-blue; color: #000000;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 12px;
@ -217,15 +217,17 @@
td.quantity { td.quantity {
align-items: center; align-items: center;
border: 1px solid $color-gray3; width: 100px;
border-radius: 0; border: 1px solid #f0f0f0;
color: #ffffff;
border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: 6px auto 0; margin: 6px auto 0;
max-height: 38px; max-height: 38px;
max-width: 118px; max-width: 118px;
padding: 0; padding: 9px;
width: max-content !important; width: max-content !important;
@media (max-width: 490px) { @media (max-width: 490px) {
@ -234,9 +236,9 @@
input { input {
background-color: $color-white; background-color: $color-white;
border: 1px solid $color-gray3; border: 0px solid $color-gray3;
border-radius: 0; border-radius: 0;
border-width: 0 1px; border-width: 0 0px;
display: block; display: block;
max-height: 38px; max-height: 38px;
margin: 0 !important; margin: 0 !important;
@ -263,18 +265,29 @@
.icon-minus-sign { .icon-minus-sign {
&:before { &:before {
content: "-"; content: "-";
font-size: 16px; font-size: 20px;
color: white;
background-color: #00c8ff;
border-radius: 50%;
font-weight: 900;
} }
} }
.icon-plus-sign { .icon-plus-sign {
&:before { &:before {
content: "+"; content: "+";
font-size: 14px; font-size: 20px;
color: white;
background-color: #00c8ff;
border-radius: 50%;
font-weight: 900;
} }
} }
.item-quantity-change { .item-quantity-change {
width: 100%;
height: 100%;
@media (max-width: 979px) and (min-width: 768px) { @media (max-width: 979px) and (min-width: 768px) {
position: inherit; position: inherit;
bottom: inherit; bottom: inherit;
@ -287,6 +300,13 @@
@media (max-width: 490px) { @media (max-width: 490px) {
padding: 0; padding: 0;
} }
.item-quantity-change-decrement {
background-color: #00c8ff;
border-radius: 50%;
width: 100%;
height: 100%;
}
} }
} }
@ -608,7 +628,7 @@
font-weight: normal; font-weight: normal;
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
color: $color-blue; color: #000000;
text-decoration: none; text-decoration: none;
} }
} }
@ -731,6 +751,7 @@
} }
tfoot { tfoot {
font-weight: 900 !important;
td.info, td.info,
td.monetary { td.monetary {
font-style: normal; font-style: normal;
@ -738,6 +759,7 @@
font-size: 18px; font-size: 18px;
line-height: 21px; line-height: 21px;
color: $color-black; color: $color-black;
font-weight: 900;
} }
} }
} }
@ -782,16 +804,17 @@
.btn-place-order-wrapper { .btn-place-order-wrapper {
a { a {
background: $color-green; background: #00c8ff;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
display: block; display: block;
font-size: 0; font-size: 0;
transition: ease-in 0.22s all; transition: ease-in 0.22s all;
padding: 12px 19px; padding: 12px 19px;
cursor: pointer;
&:hover { &:hover {
background-color: darken($color-green, 5); background-color: darken(#00c8ff, 5);
} }
&:after { &:after {

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

@ -3,7 +3,7 @@
.footerCheckout { .footerCheckout {
border-top: none; border-top: none;
color: $color-gray2; color: $color-gray2;
position: absolute; // position: absolute;
width: 100%; width: 100%;
bottom: 0; bottom: 0;

21
checkout/src/template-checkout/checkout-header.html
View File

@ -20,27 +20,6 @@
/> />
<span>Compra segura</span> <span>Compra segura</span>
</div> </div>
<div class="credits">
<div>Powered By</div>
<div class="logo">
<figure>
<img
src="https://agenciamagma.vteximg.com.br/arquivos/logoVTEXM3Academy.png"
alt="VTex Logo"
/>
</figure>
</div>
<div>Developed by</div>
<div class="logo">
<figure>
<img
src="https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png"
alt="M3 Logo"
/>
</figure>
</div>
</div>
</div> </div>
</div> </div>
</header> </header>