Amandaalmeida/challenge-vtex-io-amanda-almeida
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(responsividade): corrige alguns bugs de responsividade

Browse Source
This commit is contained in:
amanda almeida 2023-02-10 15:46:08 -03:00
parent 9704979578
commit fbb6395a06
6 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
react/components/Html/styles.css
View File

@ -56,7 +56,7 @@
} }
[class*="html--stack-layout"], [class*="html--stack-layout"],
[class*="html--right-col"] { [class*="html--right-col"] {
width: 50%; width: 49.131%;
} }
} }

2
styles/css/vtex.menu.css
View File

@ -84,7 +84,7 @@
color: #929292; color: #929292;
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1025px) {
.menuContainerNav { .menuContainerNav {
margin-left: 20px; margin-left: 20px;
} }

13
styles/css/vtex.store-components.css
View File

@ -85,7 +85,7 @@
color: #AEAEAE; color: #AEAEAE;
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1025px) {
.searchBarContainer { .searchBarContainer {
max-width: 100%; max-width: 100%;
position: absolute; position: absolute;
@ -396,7 +396,6 @@
.productImagesContainer--description { .productImagesContainer--description {
width: 50%; width: 50%;
max-width: 632px;
max-height: 632px; max-height: 632px;
} }
@ -563,11 +562,15 @@
max-height: 904px !important; max-height: 904px !important;
} }
.productImagesContainer--description { .productImagesContainer--description {
width: 49.0999%;
max-height: 872px; max-height: 872px;
} }
.productImageTag--main { .productImageTag--main {
max-height: 872px !important; max-height: 872px !important;
} }
.productDescriptionContainer {
width: 49.0999%;
}
.productDescriptionTitle { .productDescriptionTitle {
margin-bottom: 16px; margin-bottom: 16px;
font-size: 32px; font-size: 32px;
@ -577,11 +580,6 @@
font-size: 18px; font-size: 18px;
line-height: 25px; line-height: 25px;
} }
.productImagesContainer--description {
width: 100%;
max-width: 872px;
max-height: 872px;
}
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.productImageTag--main { .productImageTag--main {
@ -592,7 +590,6 @@
} }
.productImagesContainer--description { .productImagesContainer--description {
width: 100%; width: 100%;
max-width: 100%;
max-height: 944px; max-height: 944px;
} }
.productDescriptionContainer { .productDescriptionContainer {

2
styles/sass/pages/header/vtex.menu.scss
View File

@ -18,7 +18,7 @@
} }
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1025px) {
.menuContainerNav { .menuContainerNav {
margin-left: 20px; margin-left: 20px;
} }

2
styles/sass/pages/header/vtex.store-components.scss
View File

@ -87,7 +87,7 @@
} }
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1025px) {
.searchBarContainer { .searchBarContainer {
max-width: 100%; max-width: 100%;
position: absolute; position: absolute;

13
styles/sass/pages/product/vtex.store-components.scss
View File

@ -337,7 +337,6 @@
.productImagesContainer--description { .productImagesContainer--description {
width: 50%; width: 50%;
max-width: 632px;
max-height: 632px; max-height: 632px;
} }
@ -551,6 +550,7 @@
} }
.productImagesContainer--description { .productImagesContainer--description {
width: 49.0999%;
max-height: 872px; max-height: 872px;
} }
@ -558,6 +558,10 @@
max-height: 872px !important; max-height: 872px !important;
} }
.productDescriptionContainer {
width: 49.0999%;
}
.productDescriptionTitle { .productDescriptionTitle {
margin-bottom: 16px; margin-bottom: 16px;
font-size: 32px; font-size: 32px;
@ -568,12 +572,6 @@
font-size: 18px; font-size: 18px;
line-height: 25px; line-height: 25px;
} }
.productImagesContainer--description {
width: 100%;
max-width: 872px;
max-height: 872px;
}
} }
@ -589,7 +587,6 @@
.productImagesContainer--description { .productImagesContainer--description {
width: 100%; width: 100%;
max-width: 100%;
max-height: 944px; max-height: 944px;
} }