Separate purchase needs status styling

This commit is contained in:
Cauê Faleiros
2026-07-21 14:16:17 -03:00
parent 98d278947b
commit 166f97c629

View File

@@ -1937,8 +1937,8 @@ const PurchaseNeedsScreen = () => {
<col className="w-[34%]" />
<col className="w-[12%]" />
<col className="w-[14%]" />
<col className="w-[16%]" />
<col className="w-[14%]" />
<col className="w-[15%]" />
<col className="w-[15%]" />
<col className="w-[10%]" />
</colgroup>
<thead className="border-b border-dark-border bg-dark-input/40 text-xs font-bold uppercase tracking-widest text-dark-muted">
@@ -1946,8 +1946,8 @@ const PurchaseNeedsScreen = () => {
<th scope="col" className="px-4 py-3 text-left">Produto</th>
<th scope="col" className="px-4 py-3 text-right">Vendido</th>
<th scope="col" className="px-4 py-3 text-right">Estoque produto</th>
<th scope="col" className="px-4 py-3 text-right">Impacto estimado</th>
<th scope="col" className="px-4 py-3 text-left">Pendência</th>
<th scope="col" className="px-6 py-3 text-right">Impacto estimado</th>
<th scope="col" className="px-6 py-3 text-left">Pendência</th>
<th scope="col" className="px-4 py-3 text-right">Ação</th>
</tr>
</thead>
@@ -1971,9 +1971,9 @@ const PurchaseNeedsScreen = () => {
</td>
<td className="px-4 py-4 text-right align-middle text-sm font-bold text-dark-text">{formatNumber(soldQuantity, 0)} un.</td>
<td className="px-4 py-4 text-right align-middle text-sm font-bold text-dark-text">{formatNumber(stockQuantity, 0)} un.</td>
<td className="px-4 py-4 text-right align-middle text-sm font-bold text-amber-300">{formatNeedQuantity(need, need.purchaseKg)}</td>
<td className="px-4 py-4 align-middle">
<span className="inline-flex w-fit rounded-full border border-amber-400/30 bg-amber-400/10 px-2.5 py-1 text-xs font-bold text-amber-300">
<td className="px-6 py-4 text-right align-middle text-sm font-bold text-amber-300">{formatNeedQuantity(need, need.purchaseKg)}</td>
<td className="px-6 py-4 align-middle">
<span className="inline-flex w-fit rounded-full border border-sky-400/30 bg-sky-400/10 px-2.5 py-1 text-xs font-bold text-sky-300">
{getNeedPendingLabel(need)}
</span>
</td>