matt/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shrink font/spacing

Browse Source
This commit is contained in:
Matt
2024-12-21 18:53:49 -05:00
parent 621438db55
commit 350523c51c
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
dashboard/src/components/dashboard/ProductGrid.jsx
View File

@@ -424,7 +424,7 @@ const ProductGrid = ({
className="hover:bg-muted/50 transition-colors" className="hover:bg-muted/50 transition-colors"
> >
{columnVisibility.image && ( {columnVisibility.image && (
<td className="p-1.5 align-middle w-[50px]"> <td className="p-1 align-middle w-[50px]">
{product.ImgThumb && ( {product.ImgThumb && (
<img <img
src={product.ImgThumb} src={product.ImgThumb}
@@ -438,37 +438,36 @@ const ProductGrid = ({
</td> </td>
)} )}
{columnVisibility.name && ( {columnVisibility.name && (
<td className="p-1.5 align-middle min-w-[200px]"> <td className="p-1 align-middle min-w-[200px]">
<div className="flex flex-col min-w-0"> <div className="flex flex-col min-w-0">
<a <a
href={`https://backend.acherryontop.com/product/${product.id}`} href={`https://backend.acherryontop.com/product/${product.id}`}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="font-sm hover:underline line-clamp-2 text-gray-900 dark:text-gray-100" className="text-sm hover:underline line-clamp-2 text-gray-900 dark:text-gray-100"
> >
{product.name} {product.name}
</a> </a>
</div> </div>
</td> </td>
)} )}
{columnVisibility.totalQuantity && ( {columnVisibility.totalQuantity && (
<td className="p-1.5 align-middle text-center font-medium"> <td className="p-1 align-middle text-center text-sm font-medium">
{product.totalQuantity} {product.totalQuantity}
</td> </td>
)} )}
{columnVisibility.totalRevenue && ( {columnVisibility.totalRevenue && (
<td className="p-1.5 align-middle text-center text-emerald-600 dark:text-emerald-400 font-medium"> <td className="p-1 align-middle text-center text-emerald-600 dark:text-emerald-400 text-sm font-medium">
${product.totalRevenue.toFixed(2)} ${product.totalRevenue.toFixed(2)}
</td> </td>
)} )}
{columnVisibility.orderCount && ( {columnVisibility.orderCount && (
<td className="p-1.5 align-middle text-center text-muted-foreground"> <td className="p-1 align-middle text-center text-muted-foreground text-sm">
{product.orderCount} {product.orderCount}
</td> </td>
)} )}
{columnVisibility.price && ( {columnVisibility.price && (
<td className="p-1.5 align-middle text-center hidden md:table-cell"> <td className="p-1 align-middle text-center hidden md:table-cell text-sm">
${product.price.toFixed(2)} ${product.price.toFixed(2)}
</td> </td>
)} )}