christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 14:05:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix syntax in VendorStockBadge and robust styling for visibility

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-01-28 11:22:21 +01:00
parent ba94890cc7
commit ec5b9a3733
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/VendorStockBadge.tsx
+3 -3
View File
@@ -37,7 +37,7 @@ export const VendorStockBadge: React.FC<VendorStockBadgeProps> = ({ asin, vendor
const themeClasses = "bg-slate-200 text-slate-800 border-slate-300 shadow-sm"; const themeClasses = "bg-slate-200 text-slate-800 border-slate-300 shadow-sm";
return ( return (
<div className="flex flex-col items-center gap-0.5"> <div className="flex flex-col items-center gap-1.5 min-h-[30px] justify-center">
<div <div
className={`inline-flex items-center gap-1 px-2 py-0.5 rounded border text-[10px] font-bold transition-all hover:scale-105 active:scale-95 cursor-default ${themeClasses}`} className={`inline-flex items-center gap-1 px-2 py-0.5 rounded border text-[10px] font-bold transition-all hover:scale-105 active:scale-95 cursor-default ${themeClasses}`}
title={`Stock en Amazon Warehouse (${mode.toUpperCase()}): ${stock}`} title={`Stock en Amazon Warehouse (${mode.toUpperCase()}): ${stock}`}
@@ -76,9 +76,9 @@ export const VendorStockBadge: React.FC<VendorStockBadgeProps> = ({ asin, vendor
<span>{stock.toLocaleString('de-DE')}</span> <span>{stock.toLocaleString('de-DE')}</span>
</div> </div>
</div> </div>
<div className={`text-[9px] font-black uppercase tracking-tighter ${wocColor}`}> <span className={`text-[10px] font-black uppercase tracking-tight whitespace-nowrap ${wocColor}`}>
{wocText} {wocText}
</div> </span>
</div> </div>
); );
}; };