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

Restore Buy Box badge positions to match original layout; fix row layering in all views

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-01-29 13:41:09 +01:00
parent c5db663454
commit fa14f57855
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/AdsPerformance.tsx
+1 -1
View File
@@ -63,7 +63,7 @@ const AdsRow: React.FC<{
} }
return ( return (
<tr className="hover:bg-white/[0.02] transition-colors group"> <tr className="hover:bg-white/[0.02] transition-colors group relative hover:z-50">
<td className="p-4 py-3"> <td className="p-4 py-3">
<div className="flex flex-col gap-0.5"> <div className="flex flex-col gap-0.5">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
components/ForecastView.tsx
+1 -1
View File
@@ -80,7 +80,7 @@ const ForecastRow: React.FC<{
else achievementColor = 'bg-rose-500'; else achievementColor = 'bg-rose-500';
return ( return (
<tr key={item.asin} className="hover:bg-indigo-500/5 transition-colors group border-b border-slate-800/50 last:border-0"> <tr key={item.asin} className="hover:bg-indigo-500/5 transition-colors group border-b border-slate-800/50 last:border-0 relative hover:z-50">
{/* Product Info */} {/* Product Info */}
<td className="px-6 py-4"> <td className="px-6 py-4">
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
components/WeeklyGrid.tsx
+1 -1
View File
@@ -92,7 +92,6 @@ const WeeklyRow: React.FC<{
> >
{row.sku || '-'} {row.sku || '-'}
</span> </span>
<BuyBoxWarningBadge asin={asin} buyBoxLostMap={buyBoxLostMap} />
<span className="text-[10px] font-bold text-slate-500 bg-slate-800 px-1.5 py-0.5 rounded border border-white/5">{row.asin}</span> <span className="text-[10px] font-bold text-slate-500 bg-slate-800 px-1.5 py-0.5 rounded border border-white/5">{row.asin}</span>
</div> </div>
<div className="flex items-start gap-2 mb-1"> <div className="flex items-start gap-2 mb-1">
@@ -106,6 +105,7 @@ const WeeklyRow: React.FC<{
mode={top50Mode} mode={top50Mode}
avgWeeklySales={velocityMap?.get(asin)} avgWeeklySales={velocityMap?.get(asin)}
/> />
<BuyBoxWarningBadge asin={asin} buyBoxLostMap={buyBoxLostMap} />
</div> </div>
<span className="text-[9px] text-fuchsia-400/80 font-bold uppercase tracking-widest">{row.line}</span> <span className="text-[9px] text-fuchsia-400/80 font-bold uppercase tracking-widest">{row.line}</span>
</div> </div>