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

View File

@ -85,18 +85,10 @@ const ClaimsLibrary = () => {
</Link> </Link>
</div> </div>
{/* Hacker News style list */} {/* Compact list without numbers */}
<ol className="space-y-3"> <ul className="list-none space-y-3">
{claims.map((claim, idx) => ( {claims.map((claim, idx) => (
<li key={idx} className="group"> <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>
{/* Content */}
<div className="min-w-0 flex-1">
{/* Title */} {/* Title */}
<Link <Link
href={claim.link} href={claim.link}
@ -115,13 +107,11 @@ const ClaimsLibrary = () => {
<span className="mx-1.5">•</span> <span className="mx-1.5">•</span>
5 claims 5 claims
<span className="mx-1.5">•</span> <span className="mx-1.5">•</span>
<span className="italic">{claim.featuredClaim}</span> <span className="italic text-accent">{claim.featuredClaim}</span>
</div>
</div>
</div> </div>
</li> </li>
))} ))}
</ol> </ul>
</div> </div>
</section> </section>
); );