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 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'>
|
||||||
峰值{' '}
|
峰值{' '}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue