mail_kbanc_com
/
nice-gee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove numbers and add red accent to featured claims on homepage

This commit is contained in:
kbanc85 2025-11-04 12:09:32 -05:00
parent e71117fa75
commit 039d462fb5
1 changed files with 21 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/components/ClaimsLibrary.tsx
View File

@ -85,43 +85,33 @@ const ClaimsLibrary = () => {
</Link>
</div>
{/* Hacker News style list */}
<ol className="space-y-3">
{/* Compact list without numbers */}
<ul className="list-none space-y-3">
{claims.map((claim, idx) => (
<li key={idx} className="group">
<div className="flex gap-3">
{/* Number */}
<span className="text-muted-foreground text-sm font-mono shrink-0 pt-0.5">
{idx + 1}.
</span>
{/* Title */}
<Link
href={claim.link}
className="text-foreground hover:text-accent font-medium leading-snug inline"
>
{claim.title}
</Link>
{/* Content */}
<div className="min-w-0 flex-1">
{/* Title */}
<Link
href={claim.link}
className="text-foreground hover:text-accent font-medium leading-snug inline"
>
{claim.title}
</Link>
{/* Metadata line */}
<div className="text-xs text-muted-foreground mt-1 leading-relaxed">
{new Date(claim.date).toLocaleDateString('en-US', {
year: 'numeric',
month: 'short',
day: 'numeric'
})}
<span className="mx-1.5">•</span>
5 claims
<span className="mx-1.5">•</span>
<span className="italic">{claim.featuredClaim}</span>
</div>
</div>
{/* Metadata line */}
<div className="text-xs text-muted-foreground mt-1 leading-relaxed">
{new Date(claim.date).toLocaleDateString('en-US', {
year: 'numeric',
month: 'short',
day: 'numeric'
})}
<span className="mx-1.5">•</span>
5 claims
<span className="mx-1.5">•</span>
<span className="italic text-accent">{claim.featuredClaim}</span>
</div>
</li>
))}
</ol>
</ul>
</div>
</section>
);