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{