diff --git a/styles/css/vtex.product-identifier.css b/styles/css/vtex.product-identifier.css index 6d09e11..2d18b5c 100644 --- a/styles/css/vtex.product-identifier.css +++ b/styles/css/vtex.product-identifier.css @@ -14,6 +14,7 @@ color: rgba(146, 146, 146, 0.4784313725); display: flex; justify-content: flex-end; + margin-bottom: 24px; } @media only screen and (max-width: 1024px) { .product-identifier__value { diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 425cdf1..c2981a9 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -40,6 +40,11 @@ border-radius: 9px; height: 90px; } +@media only screen and (max-width: 1024px) { + .container .productNameContainer { + justify-content: flex-start; + } +} .skuSelectorContainer { display: flex; diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index 28d0692..ac5be73 100644 --- a/styles/css/vtex.tab-layout.css +++ b/styles/css/vtex.tab-layout.css @@ -60,4 +60,9 @@ .container--Descricao { padding-top: 16px; margin: 0 40px 0 40px; +} +@media only screen and (max-width: 1024px) { + .container--Descricao { + border-top: 1px solid; + } } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.product-identifier.scss b/styles/sass/pages/product/vtex.product-identifier.scss index 5befa40..87332c5 100644 --- a/styles/sass/pages/product/vtex.product-identifier.scss +++ b/styles/sass/pages/product/vtex.product-identifier.scss @@ -6,6 +6,7 @@ color: #9292927a; display: flex; justify-content: flex-end; +margin-bottom: 24px; @include mq (md, max) { justify-content: flex-start; } diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 257bf5b..3722d82 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -39,6 +39,15 @@ gap: 16px; height: 90px; } } + + @include mq (md, max) { + .productNameContainer { + justify-content: flex-start; + } + + + + } } // sku-selector diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss index 5ce5d90..c32edd3 100644 --- a/styles/sass/pages/product/vtex.tab-layout.scss +++ b/styles/sass/pages/product/vtex.tab-layout.scss @@ -58,4 +58,8 @@ .container--Descricao{ padding-top: 16px; margin: 0 40px 0 40px; + + @include mq (md, max) { + border-top: 1px solid; + } }