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

tentativa de finalização

Browse Source
This commit is contained in:
Nathalia Sardou 2022-12-26 23:48:13 -03:00
parent 11817acb94
commit 5fc33a56b0
3 changed files with 154 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -38,6 +38,66 @@
}
}
@media (min-width:491px)and (max-width: 1024px){
.client-email{
input{
max-width: 90% !important;
position: relative ;
left: 150px;
}
button {
position: relative;
left: 50px;
}
}
.link-cart {
a {
margin-right: 30px;
}
}
}
@media (min-width:360px)and (max-width: 490px){
.client-pre-email{
margin-top: -10px;
}
.link-cart {
a {
margin-right: 25px;
}
}
}
@media (min-width:280px)and (max-width: 300px){
.link-cart {
a {
margin-right: 18px;
}
}
}
@media (min-width:360px)and (max-width: 490px){
.pre-email {
h3{
span {
font-size: 14px;
}
}
}
}
@media (min-width:280px)and (max-width: 300px){
.pre-email {
h3{
span {
font-size: 14px;
}
}
}
}
.client-email {
display: flex;
justify-content: flex-end;
@ -56,9 +116,9 @@
width: inherit;
cursor: pointer;
@media (max-width: 490px) {
width: auto;
}
// @media (max-width: 490px) {
// width: auto;
// }
}
button {
@ -70,11 +130,10 @@
height: 54px;
top: 0;
@media (max-width: 490px) {
height: 48px;
margin: 0;
position: absolute;
}
// @media (max-width: 490px) {
// height: 48px;
// margin: 0;
// position: absolute; // }
}
span.help.error {
@ -85,6 +144,46 @@
font-size: 12px;
}
}
@media (min-width:491px) and (max-width: 1024px){
.emailInfo{
max-width: 50% !important;
}
}
@media (min-width:360px) and (max-width: 490px){
.client-email {
input {
min-width: 90% !important;
position: relative;
left: 180px;
}
button {
height: 49px;
top: -5px;
left: 90px;
}
}
.emailInfo{
position: relative;
left: 5px;
}
}
@media (min-width:280px) and (max-width: 300px){
.client-email {
input {
min-width: 250px !important;
position: relative;
left: 180px;
}
button {
height: 48px;
top: -5px;
left: 90px;
}
}
}
.emailInfo {
padding: 16px;

46
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

@ -57,10 +57,27 @@ body {
.container-order-form,
.container-cart {
width: 80%;
margin-top: -110px;
}
}
@media (min-width:491px)and (max-width: 1024px){
.container-order-form{
min-width: 100%;
}
}
@media (min-width:360px)and (max-width: 490px){
.container-order-form{
min-width: 100%;
margin-top: -120px;
}
}
@media (min-width:280px) and (max-width: 300px){
.container-order-form,
.container-order-form{
min-width: 100%;
margin-top: -150px;
}
.container-cart {
width: 95%;
margin-top: -130px;
@ -92,6 +109,33 @@ body {
}
}
@media (min-width:491px)and (max-width: 1024px){
#orderform-title{
margin: -85px 0 20px 10px;
}
}
@media (min-width:360px)and (max-width: 490px){
#orderform-title{
min-width: 300px;
margin-left: 10px;
margin-top: 30px;
margin-bottom: 15px;
}
}
@media (min-width:280px)and (max-width: 300px){
#orderform-title{
min-width: 277px;
position: relative;
right: 20px;
font-size: 20px;
margin-bottom: 10px;
}
}
.dropdown {
&__content {
&--closed {

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

@ -81,7 +81,7 @@
no-repeat center center;
z-index: 4;
top: 41%;
left: 14px;
left: 0px;
border: none;
height: 30px;
@ -121,7 +121,7 @@
}
.slick-next {
top: 110px;
left: 400px;
left: 350px;
}
}
}