Gustavo_Rallenson_Goncalves_Da_Silva/m3-academy-template-checkout-Gustavo-Rallenson
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:indetificação com responsividade

Browse Source
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2022-12-24 21:21:34 -03:00
parent 6e142b78e5
commit cdd2fba1ed
2 changed files with 70 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

@ -13,6 +13,66 @@
width: 90%;
}
}
.box-client-info-pf{
width: 100%;
.client{
@include mq(xll,max){
&-email{
#client-email{
@include mq(md,max){
width: 100%;
}
max-width: 100%;
}
}
&-first-name,
&-last-name,
&-document,
&-phone{
width: 49%;
@media screen and (min-width: 0px) and (max-width: 310px){
width: 45% !important;
}
@media screen and (min-width: 0px) and (max-width: 767px){
display: inline-flex;
width: 48%;
white-space: nowrap;
flex-direction: column;
}
}
&-first-name{
#client-first-name
{
width: 96% !important;
}
}
&-last-name{
#client-last-name{
@media screen and (min-width: 0px) and (max-width: 767px){
margin-left: 10px;
width: 97% !important;
}
width: 99% !important;
}
}
&-document{
#client-document
{
width: 96% !important;
}
}
&-phone{
#client-phone
{
@media screen and (min-width: 0px) and (max-width: 767px){
width: 100% !important;
}
width: 99% !important;
}
}
}
}
}
.checkout-container {
@include mq(IVK, min) {
height: 598px;

10
checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
View File

@ -151,6 +151,9 @@ body .container-main.container-order-form .orderform-template.active {
color: red !important;
}
.input-xlarge{
@include mq(xll,max){
width: 99%;
}
width: 298px;
height: 42px;
}
@ -316,6 +319,13 @@ body .container-main.container-order-form .orderform-template.active {
}
}
}
#go-to-cart-button{
position: relative;
white-space: nowrap;
#orderform-minicart-to-cart{
position: unset;
}
}
.safep{
width: 622px;
height: 48px;