Entrega do Desafio #1

Merged
anacarolinaduartecavalcante merged 93 commits from feature/challenge-vtex-io into develop 2023-02-03 17:14:03 +00:00
2 changed files with 37 additions and 3 deletions
Showing only changes of commit 0332eaa5e5 - Show all commits

View File

@ -286,6 +286,8 @@
.shippingTable .shippingTableHead .shippingTableRow {
display: grid;
grid-template-columns: repeat(3, 16.36%);
grid-template-areas: "A B C";
column-gap: 32px;
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
@ -299,9 +301,24 @@
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName {
text-align: left;
grid-area: A;
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate {
grid-area: C;
text-align: left;
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
text-align: right;
text-align: left;
grid-area: B;
font-size: 0;
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice::after {
content: "frete";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #202020;
text-transform: uppercase;
}
.shippingTable .shippingTableBody .shippingTableRow {
display: grid;

View File

@ -290,6 +290,8 @@
.shippingTableRow {
display: grid;
grid-template-columns: repeat(3, 16.36%);
grid-template-areas: "A B C";
column-gap: 32px;
.shippingTableHeadDeliveryName,
.shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice {
@ -302,9 +304,24 @@
}
.shippingTableHeadDeliveryName {
text-align: left;
grid-area: A;
}
.shippingTableHeadDeliveryEstimate {
grid-area: C;
text-align: left;
}
.shippingTableHeadDeliveryPrice {
text-align: right;
text-align: left;
grid-area: B;
font-size: 0;
}
.shippingTableHeadDeliveryPrice::after{
content: "frete";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #202020;
text-transform: uppercase;
}
}
}
@ -350,7 +367,7 @@
max-height: unset;
left: 6.9%;
position: relative;
& .productImageTag--image-description--main{
& .productImageTag--image-description--main {
max-height: unset !important;
}
}