fix: SO Portal fixes

- SO Portal: fixed missing images issue
- SO Portal: fallback state when no images
- SO Portal: code indentation in `order_macros.html`
- SO Portal: Actions and indicator font size
- Recommendations: fixed space between image and title
- Recommendations: give empty image state min height
This commit is contained in:
marination
2021-10-21 20:14:28 +05:30
parent dc42c45ebb
commit f5594c865d
3 changed files with 56 additions and 48 deletions

View File

@@ -459,6 +459,7 @@ body.product-page {
min-height: 0px;
.r-item-image {
min-height: 100px;
width: 40%;
.r-product-image {
@@ -480,6 +481,7 @@ body.product-page {
.r-item-info {
font-size: 14px;
padding-right: 0;
padding-left: 10px;
width: 60%;
a {
@@ -672,18 +674,6 @@ body.product-page {
img {
max-height: 112px;
}
.no-image-cart-item {
max-height: 112px;
display: flex; justify-content: center;
background-color: var(--gray-200);
align-items: center;
color: var(--gray-400);
margin-top: .15rem;
border-radius: 6px;
height: 100%;
font-size: 24px;
}
}
.cart-items {
@@ -862,6 +852,18 @@ body.product-page {
}
}
.no-image-cart-item {
max-height: 112px;
display: flex; justify-content: center;
background-color: var(--gray-200);
align-items: center;
color: var(--gray-400);
margin-top: .15rem;
border-radius: 6px;
height: 100%;
font-size: 24px;
}
.cart-empty.frappe-card {
min-height: 76vh;
@include flex(flex, center, center, column);