Token 使用趋势日期标签可读性优化:非峰值日期颜色从浅灰改为中灰,确保可见
This commit is contained in:
parent
847c2bd9d3
commit
715487fda7
|
|
@ -77,19 +77,23 @@ const BentoTrend = ({
|
|||
|
||||
<div className='flex items-center justify-between text-[11px]'>
|
||||
<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
|
||||
key={i}
|
||||
className={`w-8 text-center ${
|
||||
d.count === peak && peak > 0
|
||||
className={`w-8 text-center text-xs ${
|
||||
isPeak
|
||||
? '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} 次`}
|
||||
>
|
||||
{formatMD(d.date)}
|
||||
</span>
|
||||
))}
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
<div className='text-slate-500 tabular-nums dark:text-white/50'>
|
||||
峰值{' '}
|
||||
|
|
|
|||
Loading…
Reference in New Issue