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

feat: Aplica css mobile

Browse Source
This commit is contained in:
Sabrina Miranda 2022-12-26 13:33:32 -03:00
parent 3ec391136b
commit 77aedfc945
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -675,6 +675,13 @@
}
}
.onda-v1 .relative,
.vtex-shipping-preview-0-x-pc .ship-country {
@media (max-width: 375px) {
width: 100%;
}
}
button.shp-open-options {
background-color: $color-gray8;
border: none;
@ -747,6 +754,10 @@
padding: 11px 63px;
}
@media (max-width: 311px) {
padding: 11px 18px;
}
&:hover {
background-color: $color-blue3;
}
@ -821,6 +832,12 @@
display: flex;
flex-direction: row;
.ship-postalCode {
@media (max-width: 375px) {
width: 63%;
}
}
.ship-postalCode,
.ship-country {
label {
@ -854,6 +871,10 @@
font-size: 24px;
line-height: 28px;
}
@media (max-width: 375px) {
width: 100%;
}
}
input {
@ -878,6 +899,10 @@
padding: 13px 16px;
margin-bottom: 5px;
}
@media (max-width: 375px) {
width: 100%;
}
}
& ~ button {
@ -914,6 +939,16 @@
top: 136px;
}
@media (max-width: 375px) {
width: 35%;
right: 0;
}
@media (max-width: 320px) {
font-size: 12px;
padding: 8px 5px;
}
&:hover {
background-color: $color-blue3;
}