ahmed/arduino-parts-inventory
Archived
1
0
Fork 0
Code Activity

Fix out of stock badge

Browse Source
This commit is contained in:
Ahmed
2024-01-20 22:24:45 -05:00
parent 51685d274f
commit dc9840ed92
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/PartsGridUnit/PartsGridUnit.tsx
View File

@ -21,7 +21,7 @@ const thumbnail = (url: string) => {
const PartsGridUnit = ({ part }: Props) => { const PartsGridUnit = ({ part }: Props) => {
return ( return (
<Link to={routes.partDetails({ id: part.id })}> <Link to={routes.partDetails({ id: part.id })}>
<div className="card-compact card w-72 space-y-3 bg-base-100 font-inter shadow-xl transition-all duration-200 hover:-translate-y-2 hover:shadow-2xl sm:w-96"> <div className="card card-compact w-72 space-y-3 bg-base-100 font-inter shadow-xl transition-all duration-200 hover:-translate-y-2 hover:shadow-2xl sm:w-96">
<figure> <figure>
<img <img
className="h-48 object-cover" className="h-48 object-cover"
@ -35,7 +35,7 @@ const PartsGridUnit = ({ part }: Props) => {
<h2 className="card-title justify-between"> <h2 className="card-title justify-between">
{part.name} {part.name}
{part.availableStock == 0 ? ( {part.availableStock == 0 ? (
<div className="badge badge-error">Out of stock</div> <div className="badge badge-error min-w-fit">Out of stock</div>
) : ( ) : (
<div className="badge badge-ghost whitespace-nowrap"> <div className="badge badge-ghost whitespace-nowrap">
{part.availableStock + ' left'} {part.availableStock + ' left'}