Token 使用趋势日期标签可读性优化:非峰值日期颜色从浅灰改为中灰,确保可见

This commit is contained in:
wangxiaoji 2026-06-30 10:04:32 +08:00
parent 847c2bd9d3
commit 715487fda7
1 changed files with 9 additions and 5 deletions

View File

@ -77,19 +77,23 @@ const BentoTrend = ({
<div className='flex items-center justify-between text-[11px]'> <div className='flex items-center justify-between text-[11px]'>
<div className='flex items-center gap-1 tabular-nums'> <div className='flex items-center gap-1 tabular-nums'>
{dailyStats.map((d, i) => ( {dailyStats.map((d, i) => {
const isPeak = d.count === peak && peak > 0;
return (
<span <span
key={i} key={i}
className={`w-8 text-center ${ className={`w-8 text-center text-xs ${
d.count === peak && peak > 0 isPeak
? 'font-semibold text-slate-900 dark:text-white' ? 'font-semibold text-slate-900 dark:text-white'
: 'text-slate-300 dark:text-white/30' : 'text-slate-500 dark:text-white/50'
}`} }`}
title={`${d.date.getMonth() + 1}${d.date.getDate()}${d.count}`} title={`${d.date.getMonth() + 1}${d.date.getDate()}${d.count}`}
> >
{formatMD(d.date)} {formatMD(d.date)}
</span> </span>
))} );
})}
</div>
</div> </div>
<div className='text-slate-500 tabular-nums dark:text-white/50'> <div className='text-slate-500 tabular-nums dark:text-white/50'>
峰值{' '} 峰值{' '}