fix: improve contrast between validated and pending states and fix instant background removal

This commit is contained in:
Christian Vidal Wolf
2026-04-21 08:36:06 +02:00
parent d8f3dfbed3
commit d8c65a22f9
+5 -2
View File
@@ -51,6 +51,9 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
const [filterMode, setFilterMode] = useState<FilterMode>('all_errors');
const [search, setSearch] = useState('');
const [searchMode, setSearchMode] = useState<'all' | 'selected'>('all');
const [columnWidths, setColumnWidths] = useState<Record<string, number>>({});
const [resizingColumn, setResizingColumn] = useState<string | null>(null);
const tableRef = useRef<HTMLTableElement>(null);
const [editingCell, setEditingCell] = useState<EditingCell | null>(null);
const [savingCell, setSavingCell] = useState<{ rowIndex: number; colIndex: number } | null>(null);
const inputRef = useRef<HTMLInputElement>(null);
@@ -891,11 +894,11 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
className={cn(
'border-b border-slate-700/50 transition-colors hover:bg-slate-700/20',
isValidated
? 'bg-emerald-500/5'
? 'bg-emerald-500/10'
: 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'
? 'bg-amber-400/20 border-l-4 border-l-amber-400'
: isCritical
? 'bg-red-950/20'
: pricingErrors.length > 0