fix: unify review detail page badges

This commit is contained in:
wren
2026-05-06 18:34:03 +08:00
parent 61bbf6907b
commit 8fcd79b608
2 changed files with 15 additions and 3 deletions
@@ -94,6 +94,12 @@ function formatPageLabel(page?: number): string {
return `${page}`;
}
function getPageBadgeClass(page?: number): string {
return page && Number.isFinite(page) && page > 0
? 'inline-flex items-center rounded border border-emerald-200 bg-emerald-50 px-1.5 py-0.5 text-[10.5px] text-[#00684a]'
: 'inline-flex items-center rounded border border-slate-200 bg-slate-50 px-1.5 py-0.5 text-[10.5px] text-slate-400';
}
// ── Tooltip 系统 ──
let activeTooltip = { show: false, content: null as React.ReactNode, position: { top: 0, left: 0 }, ready: false };
function TooltipPortal() {
@@ -713,7 +719,7 @@ function LeauditReviewPointDetailCard({ reviewPoint, onReviewPointSelect, onStat
{enterpriseButton && enterpriseButton}
</div>
<div className="flex items-center gap-2 shrink-0">
<span className={`text-[10.5px] shrink-0 ${page ? 'text-slate-400' : 'text-slate-300'}`}>
<span className={`${getPageBadgeClass(page)} shrink-0`}>
{formatPageLabel(page)}
</span>
</div>