rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-26 20:54:21 +01:00
Code Issues Releases Activity

(ui) Fix image bg and list items border

Browse Source
This commit is contained in:
vincent 2022-10-27 08:52:21 +02:00
parent a9f0969f92
commit feb191ca70
2 changed files with 1 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/frontend/src/javascript/components/store/product-item.tsx
View File

@ -43,18 +43,6 @@ export const ProductItem: React.FC<ProductItemProps> = ({ product, onEdit, onDel
};
};
/**
* Returns CSS class from stock status
*/
const statusColor = (product: Product) => {
if (product.stock.internal < (product.quantity_min || 1) ||
product.stock.external < (product.quantity_min || 1) ||
(product.low_stock_threshold && product.stock.internal <= product.low_stock_threshold) ||
(product.low_stock_threshold && product.stock.external <= product.low_stock_threshold)) {
return 'warning';
}
return '';
};
/**
* Returns CSS class from stock status
*/
@ -69,7 +57,7 @@ export const ProductItem: React.FC<ProductItemProps> = ({ product, onEdit, onDel
};
return (
<div className={`product-item ${statusColor(product)}`}>
<div className='product-item'>
<div className='itemInfo'>
<img src={thumbnail()?.thumb_attachment_url || noImage} alt='' className='itemInfo-thumbnail' />
<p className="itemInfo-name">{product.name}</p>

2
app/frontend/src/stylesheets/modules/store/products-list.scss
View File

@ -20,7 +20,6 @@
border: 1px solid var(--gray-soft-dark);
border-radius: var(--border-radius);
background-color: var(--gray-soft-lightest);
&.warning { border-color: var(--alert-light); }
.itemInfo {
grid-area: 1 / 1 / 2 / 2;
@ -33,7 +32,6 @@
margin-right: 1.6rem;
object-fit: contain;
border-radius: var(--border-radius);
background-color: var(--gray-soft);
}
&-name {
margin: 0;