blyzer/graphs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix large sold quantity icon layout

Browse Source
This commit is contained in:
Cauê Faleiros
2026-07-14 14:23:28 -03:00
parent 948931886e
commit ba9cc3ad01
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/ProductGroupDetails.tsx
View File

@@ -493,7 +493,7 @@ const ProductGroupDetails = () => {
<div className="overflow-x-auto">
<table className="w-full min-w-[1100px] table-fixed text-left text-sm">
<colgroup>
<col className="w-[120px]" />
<col className="w-[150px]" />
<col className="w-[360px]" />
<col className="w-[120px]" />
<col className="w-[100px]" />
@@ -533,9 +533,9 @@ const ProductGroupDetails = () => {
</span>
</td>
<td className="px-6 py-2.5 whitespace-nowrap">
<div className="flex items-center gap-2">
<Package className="h-3.5 w-3.5 text-zinc-400 dark:text-dark-muted" />
<span className="font-bold text-zinc-900 dark:text-dark-text">{formatNumber(row.quantitySold)} un.</span>
<div className="flex min-w-0 items-center gap-2">
<Package className="h-3.5 w-3.5 shrink-0 text-zinc-400 dark:text-dark-muted" />
<span className="min-w-0 font-bold tabular-nums text-zinc-900 dark:text-dark-text">{formatNumber(row.quantitySold)} un.</span>
</div>
</td>
<td className="px-6 py-2.5 whitespace-nowrap font-bold text-zinc-900 dark:text-dark-text">{formatNumber(row.stock)} un.</td>

8
src/pages/Products.tsx
View File

@@ -626,7 +626,7 @@ const Products = () => {
<col className="w-[120px]" />
<col className="w-[390px]" />
<col className="w-[170px]" />
<col className="w-[130px]" />
<col className="w-[150px]" />
<col className="w-[120px]" />
<col className="w-[130px]" />
<col className="w-[130px]" />
@@ -670,9 +670,9 @@ const Products = () => {
</span>
</td>
<td className="px-6 py-2.5 whitespace-nowrap">
<div className="flex items-center gap-2">
<Package className="w-3.5 h-3.5 text-zinc-400 dark:text-dark-muted" />
<span className="font-bold text-zinc-900 dark:text-dark-text">{formatNumber(product.quantitySold)} un.</span>
<div className="flex min-w-0 items-center gap-2">
<Package className="h-3.5 w-3.5 shrink-0 text-zinc-400 dark:text-dark-muted" />
<span className="min-w-0 font-bold tabular-nums text-zinc-900 dark:text-dark-text">{formatNumber(product.quantitySold)} un.</span>
</div>
</td>
<td className="px-6 py-2.5 font-bold text-zinc-900 dark:text-dark-text whitespace-nowrap">{formatNumber(product.stock)} un.</td>