SavioCarvalhoMoraes/m3-academy-template-checkout-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Melhorando a responsividade do cupom

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-12-20 19:43:10 -03:00
parent a938b03d0c
commit 3abf772c35
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -615,6 +615,9 @@
width: 346px;
.coupon-data {
display: flex;
align-items: center;
justify-content: center;
#cart-link-coupon-add {
text-decoration: none;
@ -666,11 +669,16 @@
.coupon-fields {
margin-bottom: 32px;
display: block;
flex-direction: column;
align-items: flex-start;
text-align: start;
//flex-flow: row nowrap;
@include mq(sm, max) {
span {
display: flex;
flex-direction: row;
width: 100%;
//display: flex;
//flex-direction: row;
justify-content: space-between;
i {
position: absolute;
@ -704,7 +712,7 @@
font-size: 12px;
height: 36px;
letter-spacing: 1px;
margin-left: 6px;
margin-left: 15px;
outline: none;
transition: all 0.2s linear;
width: 35%;
@ -774,7 +782,7 @@
.cart-links-bottom {
display: flex;
flex-direction: column;
width: 343px;
width: 36%;
@include mq(md, max) {
padding: 0 16px;
@ -804,6 +812,7 @@
font-size: 12px;
line-height: 14px;
color: $color-black-100;
margin-right: 0;
}
}
@ -838,3 +847,12 @@
}
}
}
/*
.cart-active .summary-coupon {
text-align: initial !important;
}*/
/*
.coupon-fieldset {
display: flex;
justify-content: center;
}*/