daball/dashersupply
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Expand images in Product Card to fill the whole card.

Browse Source
This commit is contained in:
David Ball 2024-07-13 01:05:48 -04:00
parent a4226f84f6
commit 56889c8809
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ProductCard.astro
View File

@ -14,7 +14,7 @@ const { product } = Astro.props;
<h4 class="card-header"> <h4 class="card-header">
{product?.name} {product?.name}
</h4> </h4>
{product?.amazonProductDetails?.imageUrls !== undefined && <img src={product!.amazonProductDetails?.imageUrls[0]} alt={product?.amazonProductDetails?.title} style="min-width: 45ch; max-width: 45ch;" />} {product?.amazonProductDetails?.imageUrls !== undefined && <img src={product!.amazonProductDetails?.imageUrls[0]} alt={product?.amazonProductDetails?.title} style="width: 100%;" />}
<div class="card-body"> <div class="card-body">
<StarRating value={product?.amazonProductDetails?.reviewRating||0} max={5} overlayColor="#23262d" /> {product?.amazonProductDetails?.reviewCount} Reviews <StarRating value={product?.amazonProductDetails?.reviewRating||0} max={5} overlayColor="#23262d" /> {product?.amazonProductDetails?.reviewCount} Reviews
<h5 class="card-title"> <h5 class="card-title">