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

fix:modificando styles

Browse Source
This commit is contained in:
Victor Cardoso de Souza 2023-02-10 18:07:08 -03:00
parent 1e519a7b03
commit a141ddbe54
13 changed files with 94 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
store/blocks/pdp/product.jsonc
View File

@ -32,7 +32,7 @@
"props": {
"marginBottom": 7
},
"children": ["product-description"]
"children": ["image#image-1","product-description"]
},
"condition-layout.product#availability": {
"props": {
@ -212,8 +212,6 @@
"image#image-1": {
"props":{
"src":"assets/sandalia-image.png",
"maxHeight": "48%",
"maxWidth":"48%",
"blockClass":"imageElement"
}
},
@ -286,8 +284,7 @@
"tab-content.item#home1": {
"children": [
"image#image-1",
"product-description"
"flex-layout.row#description"
],
"props": {
"tabId":"description1"
@ -295,8 +292,7 @@
},
"tab-content.item#home2": {
"children": [
"image#image-1",
"product-description"
"flex-layout.row#description"
],
"props": {
"tabId":"description2"
@ -304,8 +300,7 @@
},
"tab-content.item#home3": {
"children": [
"image#image-1",
"product-description"
"flex-layout.row#description"
],
"props": {
"tabId":"description3"
@ -313,8 +308,7 @@
},
"tab-content.item#home4": {
"children": [
"image#image-1",
"product-description"
"flex-layout.row#description"
],
"props": {
"tabId":"description4"
@ -322,8 +316,7 @@
},
"tab-content.item#home5": {
"children": [
"image#image-1",
"product-description"
"flex-layout.row#description"
],
"props": {
"tabId":"description5"

19
styles/css/vtex.breadcrumb.css
View File

@ -16,13 +16,8 @@
background-color: white;
padding: 32px 0 16px 40px;
}
.container .term {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
.container .term, .container .termArrow {
display: none;
}
.container .homeLink .homeIcon {
display: none;
@ -48,6 +43,16 @@
line-height: 19px;
color: #929292;
}
.container .link--1 {
font-size: 0;
margin-left: 16px;
}
.container .link--1::after {
visibility: visible;
display: block;
content: "Sapatos";
font-size: 14px;
}
@media (min-width: 1900px) {
.container {

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

@ -13,6 +13,7 @@
.flexRowContent {
padding: 0;
margin: 0;
gap: 32px;
}
.flexCol--stack {

4
styles/css/vtex.product-price.css
View File

@ -26,4 +26,8 @@
font-size: 16px;
line-height: 22px;
color: #929292;
}
.listPrice {
display: block;
}

20
styles/css/vtex.product-summary.css
View File

@ -51,15 +51,19 @@
width: 314.4px;
height: 314.4px;
}
@media (max-width: 376px) {
.imageContainer {
width: 114px !important;
height: 114px !important;
}
}
@media (max-width: 1024px) {
.imageContainer {
width: 291px;
height: 291px;
}
}
.imageContainer .imageNormal {
width: 100%;
height: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
.imageContainer {
margin-bottom: 16px;
width: 200px;
height: 200px;
}
}

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

@ -100,6 +100,11 @@
height: auto !important;
}
.productImageTag {
width: 100% !important;
height: 100% !important;
}
.shippingTableHead {
display: grid;
margin-bottom: 15px;

9
styles/css/vtex.tab-layout.css
View File

@ -16,6 +16,13 @@
gap: 32px;
padding: 32px 72px 16px 72px;
}
@media (max-width: 676px) {
.contentItem {
display: flex;
flex-direction: column;
padding: 32px 40px 0 40px !important;
}
}
.listContainer {
display: flex;
@ -47,7 +54,7 @@
text-transform: initial;
}
@media (min-width: 637px) and (max-width: 1024px) {
@media (max-width: 1024px) {
.listContainer {
display: flex;
flex-direction: column;

24
styles/sass/pages/product/vtex.breadcrumb.scss
View File

@ -5,13 +5,8 @@
background-color: white;
padding: 32px 0 16px 40px;
.term {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #929292;
.term,.termArrow {
display: none;
}
.homeLink {
@ -46,6 +41,19 @@
color: #929292;
}
}
.link--1 {
font-size: 0;
margin-left: 16px;
&::after {
visibility: visible;
display: block;
content: "Sapatos";
font-size: 14px;
}
}
}
@media (min-width:1900px) {
@ -53,3 +61,5 @@
padding-left: 70px;
}
}

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

@ -3,6 +3,7 @@
.flexRowContent {
padding: 0;
margin:0;
gap: 32px
}
.flexCol--stack {
padding-left: 40px;
@ -16,6 +17,7 @@
width:0;
}
@media (min-width:768px) and (max-width:1024px) {
.flexRowContent {
display: flex;
@ -25,5 +27,5 @@
width: 100% !important;
}
}
}

3
styles/sass/pages/product/vtex.product-price.scss
View File

@ -16,4 +16,7 @@
color: #929292;
}
.listPrice {
display: block;
}

19
styles/sass/pages/product/vtex.product-summary.scss
View File

@ -38,18 +38,19 @@
width: 314.4px;
height: 314.4px;
@media (max-width:376px) {
width: 114px !important;
height: 114px !important;
}
@media (max-width:1024px) {
width: 291px;
height: 291px;
}
.imageNormal {
width: 100%;
height: 100%;
}
}
@media (min-width:768px) and (max-width:1024px) {
.imageContainer {
margin-bottom: 16px;
// background-color: #EDEDED;
width: 200px;
height: 200px;
}
}

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

@ -89,6 +89,11 @@
height: auto !important;
}
.productImageTag{
width: 100% !important;
height: 100% !important;
}
@media (min-width: 375px) and (max-width: 1444px) {
}

9
styles/sass/pages/product/vtex.tab-layout.scss
View File

@ -3,6 +3,13 @@
flex-direction: row;
gap:32px;
padding: 32px 72px 16px 72px;
@media(max-width: 676px) {
display: flex;
flex-direction: column;
padding: 32px 40px 0 40px !important;
}
}
@ -38,7 +45,7 @@
}
}
@media (min-width:637px) and (max-width:1024px) {
@media (max-width:1024px) {
// .container {
// display: block;