Rafael_Sampaio_de_Oliveira/m3-academy-template-checkout-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'refactor: ajusta css resumo pedido' (#25) from refactor/ajusta-css-resumo-pedido into development

Browse Source 
Reviewed-on: #25
This commit is contained in:
Rafael Sampaio de Oliveira 2022-12-21 15:32:56 +00:00
commit 6c8a493f62
4 changed files with 59 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -207,7 +207,7 @@
border-radius: 8px;
border: 1px solid $color-gray3;
font-family: $font-family;
padding: 16px;
// padding: 16px;
width: 90.052%;
@media (max-width: 1024px) {

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

@ -62,8 +62,6 @@
}
.cart {
// border: 1px solid $color-gray4;
ul li {
border-top: none;
margin-top: 0;
@ -114,11 +112,27 @@
line-height: 16px;
text-align: right;
text-decoration-line: underline;
margin-right: 17px;
}
.summary-totalizers {
td {
border-top: 1px solid $color-gray3;
padding: 24px 17px !important;
box-sizing: border-box;
}
td.info {
width: 100%;
font-family: "Open Sans";
font-weight: 400 !important;
line-height: 19px !important;
color: $color-gray9 !important;
}
td.monetary {
font-size: 14px !important;
text-align: center !important;
color: $color-gray9 !important;
}
}
@ -230,7 +244,7 @@
}
.product-name {
padding-right: 0;
padding-right: 10px;
white-space: normal;
@media (max-width: 1024px) {
@ -829,11 +843,6 @@
margin-top: 49px;
width: 353px;
@media (max-width: 1024px) {
width: 100%;
margin: 0;
padding: 0 16px;
}
.coupon-data {
#cart-link-coupon-add {
text-decoration: none;

42
checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
View File

@ -1,6 +1,6 @@
body .container-main.container-order-form .orderform-template.active {
.mini-cart {
width: 32.3242%;
width: 32.52%;
margin-left: unset;
margin-right: 0;
float: right;
@ -9,6 +9,7 @@ body .container-main.container-order-form .orderform-template.active {
@media (max-width: 1024px) {
width: 98.413%;
height: 397px;
margin-left: 16px;
}
@ -34,6 +35,23 @@ body .container-main.container-order-form .orderform-template.active {
width: 100%;
}
}
.totalizers {
margin: 0 !important;
}
.table {
tfoot {
.info {
font-weight: 700 !important;
color: $color-gray2 !important;
}
.monetary {
color: $color-gray2 !important;
}
}
}
}
.orderform-template-holder {
width: 66.1132%;
@ -99,27 +117,26 @@ body .container-main.container-order-form .orderform-template.active {
.client-document {
width: 50%;
margin-right: 0;
margin: 0;
@media (max-width: 1024px) {
margin: 0;
}
#client-document {
width: 86.585%;
margin-bottom: 0;
@media (max-width: 1024px) {
width: 95.512%;
margin-bottom: 0;
}
}
}
.client-phone {
width: 50%;
margin: 0;
@media (max-width: 1024px) {
margin: 0;
}
label {
@ -129,10 +146,10 @@ body .container-main.container-order-form .orderform-template.active {
#client-phone {
width: 85.87%;
margin-left: 8px;
margin-bottom: 0;
@media (max-width: 1024px) {
width: 95.512%;
margin-bottom: 0;
}
}
}
@ -151,6 +168,7 @@ body .container-main.container-order-form .orderform-template.active {
.client-profile-data {
.accordion-group {
padding: 16px 16px 28.41px 16px;
.accordion-heading {
.accordion-toggle {
&::after {
@ -200,10 +218,11 @@ body .container-main.container-order-form .orderform-template.active {
.shipping-data {
.accordion-group {
padding: 24.5px 16px;
.accordion-heading {
span {
color: #303030;
margin-bottom: 8px;
margin-bottom: 15px;
padding: 0;
i::before {
@ -246,10 +265,11 @@ body .container-main.container-order-form .orderform-template.active {
.payment-data {
.accordion-group {
padding: 24.5px 16px;
.accordion-heading {
span {
color: #303030;
margin-bottom: 8px;
margin-bottom: 15px;
padding: 0;
i::before {
@ -278,13 +298,17 @@ body .container-main.container-order-form .orderform-template.active {
}
.summary-cart-template-holder {
.cart::before {
.cart {
border: none;
&::before {
content: "Resumo do Pedido";
font-size: 16px;
line-height: 19px;
color: $color-gray2;
}
}
}
@media (max-width: 1024px) {
display: flex;

4
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

@ -22,6 +22,10 @@ header {
}
}
table {
border-collapse: unset !important;
}
body {
display: flex;
flex-direction: column;