emmanuelvitor/challenge-vtex-io-emmanuelvitor
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: estiliza o cep

Browse Source
This commit is contained in:
Emmanuel Vitor Pereira de Jesus 2023-02-08 23:25:40 -03:00
parent a1ce5aced1
commit 02ef4d1502
3 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
store/blocks/pdp/product.jsonc
View File

@ -113,7 +113,6 @@
"html#product-installments",
"html#m3-pix",
"html#sku-selector",
"product-assembly-options",
"product-gifts",
"html#buy-button",
"availability-subscriber",

16
styles/css/vtex.store-components.css
View File

@ -133,8 +133,9 @@
.shippingContainer :global(.vtex-address-form__postalCode) {
display: flex;
}
@media (max-width: 1024px) {
@media (max-width: 768px) {
.shippingContainer :global(.vtex-address-form__postalCode) {
width: 100%;
flex-direction: column;
}
}
@ -158,6 +159,14 @@
position: initial;
}
}
@media (max-width: 768px) {
.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) {
position: absolute;
right: 0;
bottom: 0;
left: auto;
}
}
.shippingContainer :global(.vtex-address-form__postalCode) :global(.vtex-address-form__postalCode-forgottenURL) :global(.vtex__icon-external-link) {
display: none;
}
@ -170,6 +179,11 @@
max-width: 231px;
height: 49px;
}
@media (max-width: 768px) {
.shippingContainer :global(.vtex-input-prefix__group) {
max-width: none;
}
}
.shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input),
.shippingContainer :global(.vtex-input-prefix__group) :global(.vtex-address-form-4-x-input)::placeholder {
font-family: "Open Sans";

13
styles/sass/pages/product/vtex.store-components.scss
View File

@ -142,7 +142,8 @@
:global(.vtex-address-form__postalCode) {
display: flex;
@media (max-width:1024px) {
@media (max-width:768px) {
width: 100%;
flex-direction: column;
}
@ -166,6 +167,13 @@
position: initial;
}
@media (max-width:768px) {
position: absolute;
right: 0;
bottom: 0;
left: auto;
}
:global(.vtex__icon-external-link) {
display: none;
}
@ -182,6 +190,9 @@
max-width: 231px;
height: 49px;
@media (max-width:768px) {
max-width: none;
}
:global(.vtex-address-form-4-x-input),