diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index e952417..99c7f96 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -113,7 +113,6 @@ "html#product-installments", "html#m3-pix", "html#sku-selector", - "product-assembly-options", "product-gifts", "html#buy-button", "availability-subscriber", diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index e25f4d9..058e6ec 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -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"; diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 977a478..002a4cc 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -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),