adjust font so the text is readable without hovering to it

This commit is contained in:
Alberto-Audrix committed 2026-09-07 15:46:01 +07:00
1 parent 61fae64aa6
commit 7b0be31e00
1 file changed
+2 -2
+2 -2
View File
@@ -10,8 +10,8 @@ const StatItem: React.FC<{
}> = ({ icon, label, value, colorOverride }) => ( }> = ({ icon, label, value, colorOverride }) => (
<div className="border border-gray-200 rounded-lg p-3 hover:border-gray-300 transition-colors"> <div className="border border-gray-200 rounded-lg p-3 hover:border-gray-300 transition-colors">
<div className="flex items-start gap-2 mb-3 min-w-0"> <div className="flex items-start gap-2 mb-3 min-w-0">
<div className="text-gray-500">{icon}</div> <div className="mt-0.5 shrink-0 text-gray-500">{icon}</div>
<p className="min-w-0 truncate text-xs sm:text-sm font-medium text-gray-700" title={label}> <p className="min-w-0 text-[11px] sm:text-xs font-medium leading-tight text-gray-700 break-words">
{label} {label}
</p> </p>
</div> </div>