fix(energy): bump KPI text-3xl to lg breakpoint to avoid landscape wrap

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
kkfluous
2026-04-28 11:46:15 +08:00
parent ccf76cba79
commit 2a92d991b0

View File

@@ -32,7 +32,7 @@ export default function HydrogenOverview() {
<div className="flex items-center justify-between text-[11px] text-slate-500"> <div className="flex items-center justify-between text-[11px] text-slate-500">
<span className="flex items-center gap-1 font-bold"><Fuel size={12} className="text-cyan-600" /></span> <span className="flex items-center gap-1 font-bold"><Fuel size={12} className="text-cyan-600" /></span>
</div> </div>
<div className="text-2xl md:text-3xl font-bold text-slate-800 leading-tight">{fmtKg(k.yearKg)}</div> <div className="text-2xl lg:text-3xl font-bold text-slate-800 leading-tight">{fmtKg(k.yearKg)}</div>
<div className="text-[11px] text-slate-500 font-bold space-y-0.5"> <div className="text-[11px] text-slate-500 font-bold space-y-0.5">
<div> <span className="text-slate-700">{fmtKg(k.ourYearKg)}</span></div> <div> <span className="text-slate-700">{fmtKg(k.ourYearKg)}</span></div>
<div> <span className="text-slate-700">{fmtKg(k.customerYearKg)}</span></div> <div> <span className="text-slate-700">{fmtKg(k.customerYearKg)}</span></div>
@@ -43,7 +43,7 @@ export default function HydrogenOverview() {
<div className="flex items-center justify-between text-[11px] text-slate-500"> <div className="flex items-center justify-between text-[11px] text-slate-500">
<span className="flex items-center gap-1 font-bold"><Wallet size={12} className="text-blue-600" /></span> <span className="flex items-center gap-1 font-bold"><Wallet size={12} className="text-blue-600" /></span>
</div> </div>
<div className="text-2xl md:text-3xl font-bold text-slate-800 leading-tight">{fmtYuanWan(k.yearFee)}</div> <div className="text-2xl lg:text-3xl font-bold text-slate-800 leading-tight">{fmtYuanWan(k.yearFee)}</div>
<div className="text-[11px] text-slate-500 font-bold"> <div className="text-[11px] text-slate-500 font-bold">
<div> <span className="text-slate-700">{fmtYuanWan(k.ourYearFee)}</span></div> <div> <span className="text-slate-700">{fmtYuanWan(k.ourYearFee)}</span></div>
</div> </div>
@@ -53,7 +53,7 @@ export default function HydrogenOverview() {
<div className="flex items-center justify-between text-[11px] text-slate-500"> <div className="flex items-center justify-between text-[11px] text-slate-500">
<span className="flex items-center gap-1 font-bold"><Coins size={12} className="text-amber-600" /></span> <span className="flex items-center gap-1 font-bold"><Coins size={12} className="text-amber-600" /></span>
</div> </div>
<div className="text-2xl md:text-3xl font-bold text-slate-800 leading-tight">{fmtYuanWan(k.lingniuBornFee)}</div> <div className="text-2xl lg:text-3xl font-bold text-slate-800 leading-tight">{fmtYuanWan(k.lingniuBornFee)}</div>
<div className="text-[11px] text-slate-500 font-bold space-y-0.5"> <div className="text-[11px] text-slate-500 font-bold space-y-0.5">
<div> <span className="text-slate-700">{fmtKg(k.lingniuBornKg)}</span></div> <div> <span className="text-slate-700">{fmtKg(k.lingniuBornKg)}</span></div>
</div> </div>