From 2712257af43156ca17648c5816174504f9664eaa Mon Sep 17 00:00:00 2001 From: Rafael Sampaio Date: Wed, 8 Feb 2023 14:52:18 -0300 Subject: [PATCH] refactor: ajusta largura prateleira 2560px --- react/components/Html/styles.css | 1 + styles/css/vtex.slider-layout.css | 7 +++++++ styles/sass/pages/product/vtex.slider-layout.scss | 9 +++++++++ 3 files changed, 17 insertions(+) diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index 5058598..61d7e2e 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -58,6 +58,7 @@ [class*="html--shelf"] { display: flex; justify-content: center; + width: 100%; } } diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index dfbf40f..026c234 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -64,11 +64,18 @@ @media (min-width: 1921px) { .sliderLayoutContainer--shelf { max-width: 1840px; + padding: 0 !important; } .sliderTrackContainer--shelf { width: 100%; max-width: 1840px; } + .sliderLeftArrow--shelf { + margin-left: -55px; + } + .sliderRightArrow--shelf { + margin-right: -55px; + } } @media (max-width: 1024px) { .sliderTrack--shelf { diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index a844780..5dc6104 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -56,12 +56,21 @@ @media (min-width: 1921px) { .sliderLayoutContainer--shelf { max-width: 1840px; + padding: 0 !important; } .sliderTrackContainer--shelf { width: 100%; max-width: 1840px; } + + .sliderLeftArrow--shelf { + margin-left: -55px; + } + + .sliderRightArrow--shelf { + margin-right: -55px; + } } @media (max-width: 1024px) {