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"
>
{columnVisibility.image && (
<td className="p-1.5 align-middle w-[50px]">
<td className="p-1 align-middle w-[50px]">
{product.ImgThumb && (
<img
src={product.ImgThumb}
@@ -438,37 +438,36 @@ const ProductGrid = ({
</td>
)}
{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">
<a
href={`https://backend.acherryontop.com/product/${product.id}`}
target="_blank"
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}
</a>
</div>
</td>
)}
{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}
</td>
)}
{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)}
</td>
)}
{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}
</td>
)}
{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)}
</td>
)}