AdilsonFernandoNevesOrnellas/challenge-vtex-io-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: colocando o nome do produto na tela de 375px igual ao figma

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-02-08 13:40:56 -03:00
parent 5f9f8c8729
commit cc09aeb803
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
styles/css/vtex.flex-layout.css
View File

@ -60,6 +60,11 @@
text-align: left;
}
}
@media (max-width: 377px) {
.flexColChild--info-availability .flexRow--divNomeProduct {
width: 250px !important;
}
}
.flexColChild--info-availability :global(.vtex-product-identifier-0-x-product-identifier) {
display: flex;
justify-content: flex-end;
@ -113,6 +118,11 @@
text-align: left;
}
}
@media (max-width: 377px) {
.flexCol--divInfoProduct .flexRow--divNomeProduct {
width: 250px !important;
}
}
.flexCol--divInfoProduct .flexRow--divNomeProductModelo {
text-align: end;
}

6
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -42,6 +42,9 @@
@media (max-width: 1024px) {
text-align: left;
}
@media (max-width: 377px) {
width: 250px !important;
}
}
:global(.vtex-product-identifier-0-x-product-identifier) {
display: flex;
@ -93,6 +96,9 @@
@media (max-width: 1024px) {
text-align: left;
}
@media (max-width: 377px) {
width: 250px !important;
}
}
.flexRow--divNomeProductModelo {
text-align: end;