forked from M3-Academy/m3-academy-template-checkout
feat/fix(responsividade/carrinhoVazio): Adiciona responsividade do carrinho cheio e corrige erro do carrinho vazio
This commit is contained in:
parent
4573a2c610
commit
863cae0787
File diff suppressed because it is too large
Load Diff
@ -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%;
|
||||
|
@ -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 {
|
||||
|
@ -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,
|
||||
|
Loading…
Reference in New Issue
Block a user