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-14 18:01:16 -03:00
parent ade878424a
commit bbeba9759c
3 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -168,7 +168,7 @@
img {
height: 60px;
max-width: 100%;
width: auto;
@include mq(sm, max) {
@ -228,17 +228,7 @@
display: none;
}
}
.product-price {
min-width: 100px;
@include mq(md, max) {
min-width: 78px;
}
@media (max-width: 490px) {
position: absolute;
bottom: 0;
right: 0;
}
span.list-price {
color: $color-gray2;
@ -268,7 +258,6 @@
max-width: 118px;
padding: 0;
width: max-content !important;
@media (max-width: 490px) {
margin-left: 84px !important;
}
@ -838,6 +827,9 @@
display: block;
text-align: center;
margin-bottom: 16px;
@media (max-width: 1024px){
padding-bottom: 27px;
}
@include mq(md, max) {
margin-bottom: 0px;

8
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -71,10 +71,10 @@
display: flex;
justify-self: center;
list-style: none;
@include mq(md, max) {
align-self: center;
margin-bottom: 12px;
@media (max-width: 1024px){
display: flex;
align-items: left;
justify-content: left;
}
&__divider {

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

@ -145,9 +145,11 @@
margin-right: 8px;
}
@media (max-width: 1024px) {
display: flex;
justify-content: right;
width: 100%;
font-size: 12px;
padding-right: 0;
padding-right: 16px;
}
}
}