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

style: corrigindo largura do Resultado Frete

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-06 09:04:13 -03:00
parent ab112e96b0
commit 88b063d04d
2 changed files with 9 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -519,25 +519,10 @@
} }
.shippingTable .shippingTableHead .shippingTableRow { .shippingTable .shippingTableHead .shippingTableRow {
display: grid; display: grid;
grid-template-columns: 13% 8% 17%; grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C"; grid-template-areas: "A B C";
column-gap: 32px; column-gap: 32px;
} }
@media (max-width: 2561px) and (min-width: 1920px) {
.shippingTable .shippingTableHead .shippingTableRow {
grid-template-columns: 10% 5.6% 12.5%;
}
}
@media (max-width: 1025px) and (min-width: 768px) {
.shippingTable .shippingTableHead .shippingTableRow {
grid-template-columns: 9.6% 5.5% 11.5%;
}
}
@media (max-width: 768px) and (min-width: 375px) {
.shippingTable .shippingTableHead .shippingTableRow {
grid-template-columns: 30% 18% 39%;
}
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice { .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
@ -572,26 +557,11 @@
} }
.shippingTable .shippingTableBody .shippingTableRow { .shippingTable .shippingTableBody .shippingTableRow {
display: grid; display: grid;
grid-template-columns: 13% 8% 17%; grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C"; grid-template-areas: "A B C";
column-gap: 32px; column-gap: 32px;
margin-top: 15px; margin-top: 15px;
} }
@media (max-width: 2561px) and (min-width: 1920px) {
.shippingTable .shippingTableBody .shippingTableRow {
grid-template-columns: 10% 5.6% 12.5%;
}
}
@media (max-width: 1025px) and (min-width: 768px) {
.shippingTable .shippingTableBody .shippingTableRow {
grid-template-columns: 9.6% 5.5% 11.5%;
}
}
@media (max-width: 768px) and (min-width: 375px) {
.shippingTable .shippingTableBody .shippingTableRow {
grid-template-columns: 30% 18% 39%;
}
}
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName { .shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName {
grid-area: A; grid-area: A;
text-transform: capitalize; text-transform: capitalize;
@ -611,6 +581,9 @@
color: #afafaf; color: #afafaf;
padding: 0; padding: 0;
} }
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel {
white-space: nowrap;
}
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel .shippingTableRadioBtn { .shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel .shippingTableRadioBtn {
display: none; display: none;
} }

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

@ -516,18 +516,9 @@
display: block; display: block;
.shippingTableRow { .shippingTableRow {
display: grid; display: grid;
grid-template-columns: 13% 8% 17%; grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C"; grid-template-areas: "A B C";
column-gap: 32px; column-gap: 32px;
@media (max-width: 2561px) and (min-width: 1920px) {
grid-template-columns: 10% 5.6% 12.5%;
}
@media (max-width: 1025px) and (min-width: 768px) {
grid-template-columns: 9.6% 5.5% 11.5%;
}
@media (max-width: 768px) and (min-width: 375px) {
grid-template-columns: 30% 18% 39%;
}
.shippingTableHeadDeliveryName, .shippingTableHeadDeliveryName,
.shippingTableHeadDeliveryEstimate, .shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice { .shippingTableHeadDeliveryPrice {
@ -565,19 +556,10 @@
.shippingTableBody { .shippingTableBody {
.shippingTableRow { .shippingTableRow {
display: grid; display: grid;
grid-template-columns: 13% 8% 17%; grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C"; grid-template-areas: "A B C";
column-gap: 32px; column-gap: 32px;
margin-top: 15px; margin-top: 15px;
@media (max-width: 2561px) and (min-width: 1920px) {
grid-template-columns: 10% 5.6% 12.5%;
}
@media (max-width: 1025px) and (min-width: 768px) {
grid-template-columns: 9.6% 5.5% 11.5%;
}
@media (max-width: 768px) and (min-width: 375px) {
grid-template-columns: 30% 18% 39%;
}
.shippingTableCellDeliveryName { .shippingTableCellDeliveryName {
grid-area: A; grid-area: A;
text-transform: capitalize; text-transform: capitalize;
@ -597,6 +579,7 @@
color: #afafaf; color: #afafaf;
padding: 0; padding: 0;
.shippingTableLabel { .shippingTableLabel {
white-space: nowrap;
.shippingTableRadioBtn { .shippingTableRadioBtn {
display: none; display: none;
} }
@ -606,6 +589,7 @@
} }
} }
//Tab Layout //Tab Layout
.productImagesContainer--image-description { .productImagesContainer--image-description {