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

Make date red and expand container width for responsive layout

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

14
src/components/ClaimsLibrary.tsx
View File

@ -74,7 +74,7 @@ const ClaimsLibrary = () => {
return (
<section className="py-10 md:py-12 border-b border-border">
<div className="container max-w-[780px] mx-auto px-5">
<div className="container max-w-4xl mx-auto px-5">
<div className="flex justify-between items-center mb-6">
<h2 className="text-2xl md:text-3xl font-bold">Claims Library</h2>
<Link
@ -98,16 +98,18 @@ const ClaimsLibrary = () => {
</Link>
{/* Metadata line */}
<div className="text-xs text-muted-foreground mt-1 leading-relaxed">
<div className="text-xs mt-1 leading-relaxed">
<span className="text-accent">
{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>
</span>
<span className="text-muted-foreground mx-1.5">•</span>
<span className="text-muted-foreground">5 claims</span>
<span className="text-muted-foreground mx-1.5">•</span>
<span className="italic text-muted-foreground">{claim.featuredClaim}</span>
</div>
</li>
))}