feat/fix(responsividade/carrinhoVazio): Adiciona responsividade do carrinho cheio e corrige erro do carrinho vazio

This commit is contained in:
amanda almeida 2022-12-16 23:13:32 -03:00
parent 4573a2c610
commit 863cae0787
4 changed files with 663 additions and 223 deletions

File diff suppressed because it is too large Load Diff

View File

@ -3,34 +3,18 @@
}
.container-cart {
.active {
height: inherit;
}
@include mq(xs1, max) {
max-height: 64%;
}
.transactions-container {
.transactions-container,
.cart-vazio,
.empty-cart-message {
display: none !important;
}
.cart-vazio {
display: none !important;
}
.cart-active,
.cart-template {
height: 100%;
}
.cart-template {
margin: 0;
}
.empty-cart {
&-content {
position: absolute;
top: 50%;

View File

@ -10,7 +10,8 @@ html {
body {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
min-height: 100%;
padding-top: 0 !important;
overflow: auto;
@ -41,6 +42,11 @@ body {
.container-order-form,
.container-cart {
width: 80%;
@include mq(md, max) {
width: 100%;
margin: 0;
}
}
.body-cart-block {

View File

@ -27,11 +27,13 @@ $color-green: #4caf50;
/* Grid breakpoints */
$grid-breakpoints: (
xss: 295px,
xs: 320px,
xs1: 345px,
sm: 376px,
sm2: 456px,
sm3: 487px,
reset: 491px,
sm4: 600px,
sm5: 684px,
sm6: 730px,