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{
|
#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,
|
||||||
@ -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%;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user