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

Browse Source
This commit is contained in:
jason
2026-03-10 16:00:24 -05:00
parent b7753d492d
commit 91ba19d038
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 && (