adjust font so the text is readable without hovering to it
This commit is contained in:
1 parent
61fae64aa6
commit
7b0be31e00
1 file changed
+2
-2
@@ -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>
|
||||||
|
|||||||
Reference in new issue
Block a user