fix(ui): remove yellow/red row backgrounds, keep green only

This commit is contained in:
Christian Vidal Wolf
2026-05-14 20:21:01 +02:00
parent 008a10502b
commit e89f31d9b3
4 changed files with 8 additions and 11 deletions
+1 -2
View File
@@ -316,8 +316,7 @@ export function ArticleDetails({ data, onEdit, rowStatuses }: ArticleDetailsProp
key={index}
className={cn(
"hover:bg-slate-700/20 transition-colors",
saveStatus === 'error' ? "bg-red-400/20 border-l-4 border-l-red-500" :
saveStatus === 'pending' ? "bg-yellow-400/20 border-l-4 border-l-yellow-400" : ""
""
)}
>
<td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td>
+1 -1
View File
@@ -273,7 +273,7 @@ export function CosmeticItemsView({ data, headers, onSaveRow, onCaptureState, ro
key={articleNo || index}
className={cn(
"hover:bg-slate-700/20 transition-colors",
status === 'pending' && "bg-amber-500/5"
false
)}
>
<td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: 110 }}>
+4 -4
View File
@@ -461,10 +461,10 @@ export function MissingDataView({ data, headers, onSaveRow, onCaptureState }: Mi
{paginatedData.map(({ row, index, status, daysUntil }) => (
<tr key={index} className={cn(
"hover:bg-slate-700/20 transition-colors",
activeTab === 'launchInconsistent' && status === 'error_ready_after_launch' && "bg-red-500/10",
activeTab === 'upcomingLaunch' && status === 'warning' && "bg-yellow-500/10",
activeTab === 'upcomingLaunch' && status === 'critical' && "bg-red-500/10",
activeTab === 'upcomingLaunch' && status === 'past' && "bg-red-600/20"
false,
false,
false,
false
)}>
<td className="px-3 py-2 font-mono text-indigo-400 truncate" style={{ width: 100 }}>
{row[COLUMNS.ARTICLE_NO]}
+2 -4
View File
@@ -192,8 +192,7 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
];
const filled = fields.filter(Boolean).length;
if (filled === 4) return 'bg-green-900/10 hover:bg-green-900/20';
if (filled === 0) return 'bg-red-900/10 hover:bg-red-900/20';
return 'bg-yellow-900/10 hover:bg-yellow-900/20';
return '';
};
const Badge = ({ content, row }: { content: any, row: ExcelRow }) => {
@@ -380,8 +379,7 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
className={cn(
"transition-colors",
getRowColor(row),
saveStatus === 'error' ? "bg-red-400/20 border-l-4 border-l-red-500" :
saveStatus === 'pending' ? "bg-yellow-400/20 border-l-4 border-l-yellow-400" : ""
""
)}
>
<td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td>