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 {
display: grid;
grid-template-columns: 13% 8% 17%;
grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C";
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 .shippingTableHeadDeliveryEstimate,
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
@ -572,26 +557,11 @@
}
.shippingTable .shippingTableBody .shippingTableRow {
display: grid;
grid-template-columns: 13% 8% 17%;
grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C";
column-gap: 32px;
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 {
grid-area: A;
text-transform: capitalize;
@ -611,6 +581,9 @@
color: #afafaf;
padding: 0;
}
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel {
white-space: nowrap;
}
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCell .shippingTableLabel .shippingTableRadioBtn {
display: none;
}

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

@ -516,18 +516,9 @@
display: block;
.shippingTableRow {
display: grid;
grid-template-columns: 13% 8% 17%;
grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C";
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,
.shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice {
@ -565,19 +556,10 @@
.shippingTableBody {
.shippingTableRow {
display: grid;
grid-template-columns: 13% 8% 17%;
grid-template-columns: 78px 48px 136px;
grid-template-areas: "A B C";
column-gap: 32px;
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 {
grid-area: A;
text-transform: capitalize;
@ -597,6 +579,7 @@
color: #afafaf;
padding: 0;
.shippingTableLabel {
white-space: nowrap;
.shippingTableRadioBtn {
display: none;
}
@ -606,6 +589,7 @@
}
}
//Tab Layout
.productImagesContainer--image-description {