style: fix mkt tab columns visibility by wrapping product names

This commit is contained in:
Christian Vidal Wolf
2026-03-11 13:00:19 +01:00
parent 6a1cb0e8dd
commit 7240c9998c
+2 -2
View File
@@ -171,8 +171,8 @@ export const MasterTable: React.FC<MasterTableProps> = ({ products, includeCOGS,
className="hover:bg-[#1A1E2A] transition-colors cursor-pointer group" className="hover:bg-[#1A1E2A] transition-colors cursor-pointer group"
onClick={() => onProductClick(product)} onClick={() => onProductClick(product)}
> >
<td className="px-6 py-4"> <td className="px-6 py-4 whitespace-normal min-w-[250px] max-w-[300px]">
<div className="font-medium text-slate-200 group-hover:text-indigo-400 transition-colors">{product.name}</div> <div className="font-medium text-slate-200 group-hover:text-indigo-400 transition-colors line-clamp-2" title={product.name}>{product.name}</div>
<div className="text-xs text-slate-500 font-mono mt-0.5">{product.sku} | {product.asin}</div> <div className="text-xs text-slate-500 font-mono mt-0.5">{product.sku} | {product.asin}</div>
</td> </td>
<td className="px-6 py-4 text-right"> <td className="px-6 py-4 text-right">