Gabriel_Ferraz_Nogueira/m3-academy-template-checkout-gabriel-ferraz
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(layout do checkout): ajustes no css do checkout

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2022-12-18 23:27:18 -03:00
parent fc9fc11788
commit 1335c184ba
4 changed files with 38 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -233,7 +233,11 @@
display: none; display: none;
} }
// .icon-credit-card { .icon-credit-card {
display: none;
}
// .icon-edit {
// display: none; // display: none;
// } // }
@ -284,6 +288,7 @@
} }
p { p {
margin: 0;
label { label {
color: $gray-600; color: $gray-600;
font-weight: 500; font-weight: 500;
@ -306,10 +311,27 @@
box-shadow: none; box-shadow: none;
color: $gray-700; color: $gray-700;
} }
input {
max-width: 68%;
margin: 0;
}
#client-email {
max-width: 81%;
}
.help.error { .help.error {
color: red; color: red;
} }
.checkbox {
margin-top: 7px;
padding: 0;
#opt-in-newsletter {
margin-right: 8px;
}
}
} }
.box-client-info-pj { .box-client-info-pj {
@ -545,6 +567,14 @@
a[data-name="Boleto Bancário"] { a[data-name="Boleto Bancário"] {
display: block; display: block;
} }
a[data-name="Depósito"] {
display: block;
}
a[data-name="Mercado Pago"] {
display: block;
}
} }
} }
} }

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

@ -148,9 +148,9 @@
} }
#payment-data-submit { #payment-data-submit {
background: $black; background: $color-green;
border: none; border: none;
border-radius: 0; border-radius: 8px;
color: $white; color: $white;
outline: none; outline: none;
transition: all 0.2s linear; transition: all 0.2s linear;
@ -177,10 +177,6 @@
white-space: normal; white-space: normal;
} }
// .product-item {
// // padding: 16px 0;
// }
th { th {
color: $black; color: $black;
padding: 0 0 16px; padding: 0 0 16px;

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

@ -23,6 +23,10 @@
right: 31.5%; right: 31.5%;
top: 33%; top: 33%;
@media (max-width: 1024px) {
display: none;
}
@media (min-width: 2500px) { @media (min-width: 2500px) {
right: 41%; right: 41%;
} }

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

@ -30,7 +30,7 @@ $color-gray3: #f0f0f0;
$color-blue: #4267b2; $color-blue: #4267b2;
$color-green: #4caf50; $color-green: #298541;
/* Grid breakpoints */ /* Grid breakpoints */
$grid-breakpoints: ( $grid-breakpoints: (