From 8bc0e331160f7478822a363562996183c495149a Mon Sep 17 00:00:00 2001 From: ueberjames Date: Fri, 10 Feb 2023 15:54:39 -0300 Subject: [PATCH] =?UTF-8?q?(fix)estiliza=C3=A7=C3=A3o=20da=20pagina=20>192?= =?UTF-8?q?0px?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- react/components/Html/styles.css | 8 ++++++++ store/blocks/pdp/product.jsonc | 1 + styles/css/vtex.flex-layout.css | 6 ++++++ styles/css/vtex.store-components.css | 5 +++++ styles/css/vtex.tab-layout.css | 5 +++++ styles/sass/pages/product/vtex.flex-layout.scss | 6 ++++++ styles/sass/pages/product/vtex.slider-layout.scss | 1 - styles/sass/pages/product/vtex.store-components.scss | 5 ++++- styles/sass/pages/product/vtex.tab-layout.scss | 3 +++ 9 files changed, 38 insertions(+), 2 deletions(-) diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index bdfabff..cd8c60b 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -22,5 +22,13 @@ } +@media (min-width: 1921px) { + [class*="html--slide-k"] { + padding: 0 360px 0 360px; + } + + +} + diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 7189b77..285a058 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -524,6 +524,7 @@ }, "html#slider-layout#carousel":{ "props": { + "blockClass": "slide-k", "testId":"product-summary-list" }, diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index bf63092..a36d6d5 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -99,4 +99,10 @@ .html--size-buy-button { width: 100%; +} + +@media only screen and (min-width: 1921px) { + .flexRow--product-main { + padding: 0 360px 0 360px; + } } \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index f66c706..591859a 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -19,6 +19,11 @@ padding: 0; } } +@media only screen and (min-width: 1921px) { + .container { + padding: 0; + } +} .container .productImagesGallerySlide { width: 100% !important; } diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index ae73603..f9e8056 100644 --- a/styles/css/vtex.tab-layout.css +++ b/styles/css/vtex.tab-layout.css @@ -76,6 +76,11 @@ border-top: 1px solid #BFBFBF; } } +@media only screen and (min-width: 1921px) { + .container--Descricao { + padding: 0 360px 0 360px; + } +} @media only screen and (max-width: 1024px) { .listItem--DescricaoTab :global(.vtex-button) { diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index 1615958..2f10488 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -105,4 +105,10 @@ margin-left: 10px; .html--size-buy-button{ width: 100%;} + .flexRow--product-main{ + @include mq (xl, min) { + padding: 0 360px 0 360px; + } + } + diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index 23f69bb..b9ec42d 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -20,7 +20,6 @@ .sliderLayoutContainer--carousel { margin-bottom: 64px; padding: 0 40px 0 40px; - .sliderLeftArrow--carousel { visibility: hidden; diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 3052d0d..ee3eead 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -8,6 +8,9 @@ @include mq (md, max) { padding: 0; } + @include mq (xl, min) { + padding: 0; + } .productImagesGallerySlide { width: 100% !important; @@ -521,7 +524,7 @@ font-size: 32px; } - + } .productDescriptionText { diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss index 0cc2fa4..64f0b3e 100644 --- a/styles/sass/pages/product/vtex.tab-layout.scss +++ b/styles/sass/pages/product/vtex.tab-layout.scss @@ -76,6 +76,9 @@ border-top: 1px solid $color-gray7; } + @include mq (xl, min) { + padding: 0 360px 0 360px; + } } .listItem--DescricaoTab{