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> </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"> {/* Title */}
{/* Number */} <Link
<span className="text-muted-foreground text-sm font-mono shrink-0 pt-0.5"> href={claim.link}
{idx + 1}. className="text-foreground hover:text-accent font-medium leading-snug inline"
</span> >
{claim.title}
</Link>
{/* Content */} {/* Metadata line */}
<div className="min-w-0 flex-1"> <div className="text-xs text-muted-foreground mt-1 leading-relaxed">
{/* Title */} {new Date(claim.date).toLocaleDateString('en-US', {
<Link year: 'numeric',
href={claim.link} month: 'short',
className="text-foreground hover:text-accent font-medium leading-snug inline" day: 'numeric'
> })}
{claim.title} <span className="mx-1.5">•</span>
</Link> 5 claims
<span className="mx-1.5">•</span>
{/* Metadata line */} <span className="italic text-accent">{claim.featuredClaim}</span>
<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>
</div> </div>
</li> </li>
))} ))}
</ol> </ul>
</div> </div>
</section> </section>
); );