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

feat: Adiciona responsividade Mobile

Browse Source
This commit is contained in:
SamuelCondack 2022-12-18 18:25:46 -03:00
parent 345e4baf2d
commit d49bc72a1d
2 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -145,6 +145,11 @@
} }
} }
} }
div[data-bind="css: {active: active, filled: visitedAndNotActive}"]{
@media (max-width: 1024px){
width: 92%;
}
}
#client-profile-data{ #client-profile-data{
@media (max-width: 1024px){ @media (max-width: 1024px){
width: 100%; width: 100%;
@ -160,6 +165,13 @@
width: 100%; width: 100%;
} }
width: 100%; width: 100%;
}
.client-profile-data{
.pull-left{
@media (max-width: 1024px){
float: left !important;
}
}
} }
.shipping-data, .shipping-data,
.payment-data, .payment-data,
@ -183,9 +195,9 @@
i::before { i::before {
fill: #303030; fill: #303030;
} }
.icon-home{ .icon-home{
display: none; display: none;
} }
span[data-i18n="clientProfileData.identification"] { span[data-i18n="clientProfileData.identification"] {
color: #fff; color: #fff;
} }
@ -580,6 +592,9 @@
@media (max-width: 1024px){ @media (max-width: 1024px){
width: 45%; width: 45%;
} }
@media (max-width: 353px){
width: 40%;
}
} }
.client-phone{ .client-phone{
width: 40%; width: 40%;

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

@ -379,20 +379,29 @@
} }
} }
} }
#cart-shipping-calculate{
@media (max-width: 1024px){
display: none;
}
}
#ship-postalCode{
@media (max-width: 1024px){
width: 100%;
}
}
.summary { .summary {
.cart-more-options { .cart-more-options {
margin: 0; margin: 0;
width: max-content; width: max-content;
@media (max-width: 1024px){
width: 100%;
}
.srp-postal-code__form{ .srp-postal-code__form{
@media (max-width: 1024px){ @media (max-width: 1024px){
width: 40%; width: 40%;
} }
} }
div[class="cart-more-options span7"]{
width: 100%;
}
.srp-container { .srp-container {
@ -900,4 +909,3 @@
flex-direction: column; flex-direction: column;
} }
} }