style: step 10 - uniform text tokens in modals
This commit is contained in:
@@ -72,7 +72,7 @@ export default function ItemComparisonModal({
|
||||
different ? 'bg-amber-500/10 border border-amber-500/20' : 'bg-slate-800/30'
|
||||
}`}
|
||||
>
|
||||
<div className="text-sm font-bold text-slate-300">{field.label}</div>
|
||||
<div className="text-sm font-bold text-secondary">{field.label}</div>
|
||||
<div className={`text-sm font-mono ${different ? 'text-amber-200' : 'text-secondary'}`}>
|
||||
{existing}
|
||||
</div>
|
||||
@@ -86,7 +86,7 @@ export default function ItemComparisonModal({
|
||||
|
||||
{!hasChanges && (
|
||||
<div className="p-4 bg-slate-800/50 rounded-xl mb-6 border border-slate-700">
|
||||
<p className="text-sm text-slate-300">✓ Items are identical. No update needed.</p>
|
||||
<p className="text-sm text-secondary">✓ Items are identical. No update needed.</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@@ -96,7 +96,7 @@ export default function ItemComparisonModal({
|
||||
onClick={onSkip}
|
||||
disabled={loading}
|
||||
aria-label="Skip this item comparison"
|
||||
className="flex-1 flex items-center justify-center gap-2 py-4 bg-slate-800 hover:bg-slate-700 text-slate-200 rounded-2xl text-sm font-black cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed border border-slate-700 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
className="flex-1 flex items-center justify-center gap-2 py-4 bg-slate-800 hover:bg-slate-700 text-secondary rounded-2xl text-sm font-black cursor-pointer transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed border border-slate-700 focus:ring-2 focus:ring-blue-500 focus:outline-none"
|
||||
>
|
||||
<SkipForward size={16} /> Skip
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user