forked from M3-Academy/challenge-vtex-io
feat: adiciona css 2560px
This commit is contained in:
parent
b1fc951c41
commit
418a86100d
@ -27,6 +27,18 @@
|
|||||||
|
|
||||||
[class*="html--productDescription"] {
|
[class*="html--productDescription"] {
|
||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="html--shelf"] {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
[class*="html--descriptionImage"] {
|
||||||
|
width: 47.392%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
// "product-specification-group#table",
|
// "product-specification-group#table",
|
||||||
// "shelf.relatedProducts",
|
// "shelf.relatedProducts",
|
||||||
"rich-text#shelfTitle",
|
"rich-text#shelfTitle",
|
||||||
"list-context.product-list#shelfProducts",
|
"html#shelf",
|
||||||
"newsletter#pageProduct",
|
"newsletter#pageProduct",
|
||||||
"product-questions-and-answers"
|
"product-questions-and-answers"
|
||||||
]
|
]
|
||||||
@ -258,6 +258,13 @@
|
|||||||
// }
|
// }
|
||||||
// },
|
// },
|
||||||
|
|
||||||
|
"html#shelf": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "shelf"
|
||||||
|
},
|
||||||
|
"children": ["list-context.product-list#shelfProducts"]
|
||||||
|
},
|
||||||
|
|
||||||
"list-context.product-list#shelfProducts": {
|
"list-context.product-list#shelfProducts": {
|
||||||
"blocks": ["product-summary.shelf#shelfProducts"],
|
"blocks": ["product-summary.shelf#shelfProducts"],
|
||||||
"children": ["slider-layout#demo-products"]
|
"children": ["slider-layout#demo-products"]
|
||||||
|
@ -52,4 +52,10 @@
|
|||||||
display: block;
|
display: block;
|
||||||
content: "Sandálias";
|
content: "Sandálias";
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
}
|
}
|
@ -133,6 +133,11 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.flexRowContent--product-container {
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.flexRow--product-container :global(.vtex-store-components-3-x-container) {
|
.flexRow--product-container :global(.vtex-store-components-3-x-container) {
|
||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
|
@ -38,6 +38,12 @@
|
|||||||
max-width: 314px !important;
|
max-width: 314px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.image {
|
||||||
|
width: 434.4px;
|
||||||
|
height: 434.4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.brandName {
|
.brandName {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
@ -61,6 +61,15 @@
|
|||||||
content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
|
content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.sliderLayoutContainer--shelf {
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
.sliderTrackContainer--shelf {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.sliderTrack--shelf {
|
.sliderTrack--shelf {
|
||||||
gap: 12px !important;
|
gap: 12px !important;
|
||||||
|
@ -478,6 +478,12 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.container--pageProduct {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 774px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.productBrand--quickview {
|
.productBrand--quickview {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
@ -10,6 +10,10 @@
|
|||||||
/* Grid breakpoints */
|
/* Grid breakpoints */
|
||||||
.container--description {
|
.container--description {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentItem {
|
.contentItem {
|
||||||
@ -56,6 +60,12 @@
|
|||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.listContainer,
|
||||||
|
.contentContainer {
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.listContainer {
|
.listContainer {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -42,3 +42,9 @@
|
|||||||
content: "Sandálias";
|
content: "Sandálias";
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.container {
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -126,6 +126,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.flexRowContent--product-container {
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.flexRow--product-container :global(.vtex-store-components-3-x-container) {
|
.flexRow--product-container :global(.vtex-store-components-3-x-container) {
|
||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
|
@ -28,6 +28,13 @@
|
|||||||
max-width: 314px !important;
|
max-width: 314px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.image {
|
||||||
|
width: 434.4px;
|
||||||
|
height: 434.4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.brandName {
|
.brandName {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
@ -53,13 +53,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// .slide--shelf--visible {
|
@media (min-width: 1921px) {
|
||||||
// width: 5.1308% !important;
|
.sliderLayoutContainer--shelf {
|
||||||
// }
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
|
||||||
// .slide--shelf--hidden {
|
.sliderTrackContainer--shelf {
|
||||||
// visibility: hidden;
|
width: 100%;
|
||||||
// }
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.sliderTrack--shelf {
|
.sliderTrack--shelf {
|
||||||
|
@ -490,6 +490,13 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.container--pageProduct {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 774px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.productBrand--quickview {
|
.productBrand--quickview {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
@ -1,5 +1,9 @@
|
|||||||
.container--description {
|
.container--description {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentItem {
|
.contentItem {
|
||||||
@ -46,6 +50,13 @@
|
|||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1921px) {
|
||||||
|
.listContainer,
|
||||||
|
.contentContainer {
|
||||||
|
max-width: 1840px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.listContainer {
|
.listContainer {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
Loading…
Reference in New Issue
Block a user