bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: improve StatCard accessibility (aria-hidden, role='status')

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-15 11:17:29 +03:00
parent 4df2d844ca
commit 460dc4fe12
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/components/StatCard.tsx
View File

@@ -9,16 +9,14 @@ interface StatCardProps {
export default function StatCard({ label, value, icon: Icon }: StatCardProps) {
return (
<div className="flex justify-between items-center gap-2 p-4 bg-slate-900 rounded-lg">
{/* Icon + Label Container */}
<div className="flex justify-between items-center gap-2 p-4 bg-slate-900 rounded-lg" role="status">
<div className="flex items-center gap-2 min-w-0">
{Icon && <Icon className="w-5 h-5 text-primary flex-shrink-0" />}
{Icon && <Icon className="w-5 h-5 text-primary flex-shrink-0" aria-hidden="true" />}
<span className="text-sm md:text-base text-slate-400 truncate">
{label}
</span>
</div>
{/* Number (Right) */}
<span className="text-lg md:text-xl font-black text-white whitespace-nowrap">
{value}
</span>