anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #1

Merged
anacarolinaduartecavalcante merged 93 commits from feature/challenge-vtex-io into develop 2023-02-03 17:14:03 +00:00
Conversation 0 Commits 93 Files Changed 68 +71 -4
2 changed files with 71 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 72007725ff - Show all commits

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

@ -58,8 +58,7 @@
}
@media (max-width: 1920px) and (min-width: 1024px) {
.productImageTag--main {
max-height: 664px !important;
height: 664px !important;
max-height: unset !important;
}
}
@ -332,4 +331,36 @@
}
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel .shippingTableRadioBtn {
display: none;
}
.productImagesContainer--image-description {
width: 92.93%;
max-height: unset;
left: 6.9%;
position: relative;
}
.productImagesContainer--image-description .productImageTag--image-description--main {
max-height: unset !important;
}
.productDescriptionContainer {
margin-left: 32px;
width: 92.93%;
position: relative;
}
.productDescriptionContainer .productDescriptionTitle {
margin-bottom: 8px;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #575757;
}
.productDescriptionContainer .productDescriptionText .container {
padding: 0;
}
.productDescriptionContainer .productDescriptionText .container .content :first-child {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #929292;
}

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

@ -47,8 +47,7 @@
.productImageTag--main {
object-fit: unset !important;
@media (max-width: 1920px) and (min-width: 1024px) {
max-height: 664px !important;
height: 664px !important;
max-height: unset !important;
}
}
@ -343,3 +342,40 @@
}
}
}
//Tab Layout
.productImagesContainer--image-description {
width: 92.93%;
max-height: unset;
left: 6.9%;
position: relative;
& .productImageTag--image-description--main{
max-height: unset !important;
}
}
.productDescriptionContainer {
margin-left: 32px;
width: 92.93%;
position: relative;
.productDescriptionTitle {
margin-bottom: 8px;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #575757;
}
.productDescriptionText {
& .container {
padding: 0;
& .content {
:first-child {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #929292;
}
}
}
}
}