jason/cpas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update TierWarning to use dark-mode-compatible colors #42

Merged
jason merged 1 commits from fix/tier-warning-dark-mode into master 2026-03-11 00:01:23 -05:00
Conversation 0 Commits 1 Files Changed 1 +4 -3
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/TierWarning.jsx
View File

@@ -17,14 +17,15 @@ export default function TierWarning({ currentPoints, addingPoints }) {
return ( return (
<div style={{ <div style={{
background: '#fff3cd', background: '#3b2e00',
border: '2px solid #ffc107', border: '2px solid #d4af37',
borderRadius: '6px', borderRadius: '6px',
padding: '12px 16px', padding: '12px 16px',
margin: '12px 0', margin: '12px 0',
fontSize: '13px', fontSize: '13px',
color: '#ffdf8a',
}}> }}>
<strong>⚠ Tier Escalation Warning</strong><br /> <strong style={{ color: '#ffd666' }}>⚠ Tier Escalation Warning</strong><br />
Adding <strong>{addingPoints} point{addingPoints !== 1 ? 's' : ''}</strong> will move this employee Adding <strong>{addingPoints} point{addingPoints !== 1 ? 's' : ''}</strong> will move this employee
from <strong>{current.label}</strong> to <strong>{projected.label}</strong>. from <strong>{current.label}</strong> to <strong>{projected.label}</strong>.
{tierUp && ( {tierUp && (