style: 统一项目内字体单位为rem并调整布局尺寸

将项目中所有硬编码的px字体尺寸、容器宽度高度统一替换为rem单位,统一整体UI样式的尺寸规范,同时调整部分布局容器的最大宽度适配新的单位体系
This commit is contained in:
2026-07-03 15:42:57 +08:00
parent edb2db5966
commit 885d17cec7
17 changed files with 56 additions and 52 deletions

View File

@@ -28,9 +28,9 @@ function MetricCard({ label, value, icon }: MetricCardProps & { icon: string })
<div className="flex h-11 w-11 items-center justify-center rounded-xl bg-white/80 shadow-sm ring-1 ring-black/[0.03]">
{METRIC_ICONS[icon]}
</div>
<span className="text-[18px] font-medium text-muted">{label}</span>
<span className="text-[1.125rem] font-medium text-muted">{label}</span>
</div>
<div className="text-[30px] font-bold tracking-tight text-ink">{value}</div>
<div className="text-[1.875rem] font-bold tracking-tight text-ink">{value}</div>
</div>
);
}