estilização do mobile referencia de produtos

This commit is contained in:
Ueber James Santos 2023-02-08 20:36:13 -03:00
parent d0f1ff1f19
commit 1464ed4fc9
6 changed files with 25 additions and 0 deletions

View File

@ -14,6 +14,7 @@
color: rgba(146, 146, 146, 0.4784313725); color: rgba(146, 146, 146, 0.4784313725);
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
margin-bottom: 24px;
} }
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.product-identifier__value { .product-identifier__value {

View File

@ -40,6 +40,11 @@
border-radius: 9px; border-radius: 9px;
height: 90px; height: 90px;
} }
@media only screen and (max-width: 1024px) {
.container .productNameContainer {
justify-content: flex-start;
}
}
.skuSelectorContainer { .skuSelectorContainer {
display: flex; display: flex;

View File

@ -61,3 +61,8 @@
padding-top: 16px; padding-top: 16px;
margin: 0 40px 0 40px; margin: 0 40px 0 40px;
} }
@media only screen and (max-width: 1024px) {
.container--Descricao {
border-top: 1px solid;
}
}

View File

@ -6,6 +6,7 @@
color: #9292927a; color: #9292927a;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
margin-bottom: 24px;
@include mq (md, max) { @include mq (md, max) {
justify-content: flex-start; justify-content: flex-start;
} }

View File

@ -39,6 +39,15 @@ gap: 16px;
height: 90px; height: 90px;
} }
} }
@include mq (md, max) {
.productNameContainer {
justify-content: flex-start;
}
}
} }
// sku-selector // sku-selector

View File

@ -58,4 +58,8 @@
.container--Descricao{ .container--Descricao{
padding-top: 16px; padding-top: 16px;
margin: 0 40px 0 40px; margin: 0 40px 0 40px;
@include mq (md, max) {
border-top: 1px solid;
}
} }