fix: neutral save bar background, red text only when pending navigation

This commit is contained in:
Usman Baig
2026-03-25 21:39:55 +01:00
parent c53152fc68
commit 6c0061733b

View File

@@ -449,17 +449,13 @@ export default function UnifiedSettingsModal() {
transition={{ duration: 0.15 }} transition={{ duration: 0.15 }}
className="shrink-0 overflow-hidden" className="shrink-0 overflow-hidden"
> >
<div className={`px-6 py-3 border-t flex items-center justify-between ${ <div className="px-6 py-3 border-t border-neutral-800 bg-neutral-950 flex items-center justify-between">
hasPendingAction <span className={`text-sm font-medium ${hasPendingAction ? 'text-red-400' : 'text-neutral-400'}`}>
? 'bg-rose-950 border-rose-800/50'
: 'bg-neutral-950 border-neutral-800'
}`}>
<span className={`text-sm font-medium ${hasPendingAction ? 'text-rose-100' : 'text-neutral-400'}`}>
{hasPendingAction ? 'Save or discard to continue' : 'Unsaved changes'} {hasPendingAction ? 'Save or discard to continue' : 'Unsaved changes'}
</span> </span>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{hasPendingAction && ( {hasPendingAction && (
<Button onClick={handleDiscard} variant="secondary" className="text-sm border-rose-700/50 text-rose-200 hover:bg-rose-900/40"> <Button onClick={handleDiscard} variant="secondary" className="text-sm">
Discard Discard
</Button> </Button>
)} )}