forked from M3-Academy/m3-academy-template-checkout
feat: Adiciona responsividade Mobile
This commit is contained in:
parent
345e4baf2d
commit
d49bc72a1d
@ -145,6 +145,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
div[data-bind="css: {active: active, filled: visitedAndNotActive}"]{
|
||||
@media (max-width: 1024px){
|
||||
width: 92%;
|
||||
}
|
||||
}
|
||||
#client-profile-data{
|
||||
@media (max-width: 1024px){
|
||||
width: 100%;
|
||||
@ -160,6 +165,13 @@
|
||||
width: 100%;
|
||||
}
|
||||
width: 100%;
|
||||
}
|
||||
.client-profile-data{
|
||||
.pull-left{
|
||||
@media (max-width: 1024px){
|
||||
float: left !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.shipping-data,
|
||||
.payment-data,
|
||||
@ -183,9 +195,9 @@
|
||||
i::before {
|
||||
fill: #303030;
|
||||
}
|
||||
.icon-home{
|
||||
display: none;
|
||||
}
|
||||
.icon-home{
|
||||
display: none;
|
||||
}
|
||||
span[data-i18n="clientProfileData.identification"] {
|
||||
color: #fff;
|
||||
}
|
||||
@ -580,6 +592,9 @@
|
||||
@media (max-width: 1024px){
|
||||
width: 45%;
|
||||
}
|
||||
@media (max-width: 353px){
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
.client-phone{
|
||||
width: 40%;
|
||||
|
@ -379,20 +379,29 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#cart-shipping-calculate{
|
||||
@media (max-width: 1024px){
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#ship-postalCode{
|
||||
@media (max-width: 1024px){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.summary {
|
||||
.cart-more-options {
|
||||
margin: 0;
|
||||
width: max-content;
|
||||
@media (max-width: 1024px){
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.srp-postal-code__form{
|
||||
@media (max-width: 1024px){
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
div[class="cart-more-options span7"]{
|
||||
width: 100%;
|
||||
}
|
||||
.srp-container {
|
||||
|
||||
|
||||
@ -900,4 +909,3 @@
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user