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