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

24
src/components/ClaimsLibrary.tsx
View File

@ -74,7 +74,7 @@ const ClaimsLibrary = () => {
return ( return (
<section className="py-10 md:py-12 border-b border-border"> <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"> <div className="flex justify-between items-center mb-6">
<h2 className="text-2xl md:text-3xl font-bold">Claims Library</h2> <h2 className="text-2xl md:text-3xl font-bold">Claims Library</h2>
<Link <Link
@ -98,16 +98,18 @@ const ClaimsLibrary = () => {
</Link> </Link>
{/* Metadata line */} {/* Metadata line */}
<div className="text-xs text-muted-foreground mt-1 leading-relaxed"> <div className="text-xs mt-1 leading-relaxed">
{new Date(claim.date).toLocaleDateString('en-US', { <span className="text-accent">
year: 'numeric', {new Date(claim.date).toLocaleDateString('en-US', {
month: 'short', year: 'numeric',
day: 'numeric' month: 'short',
})} day: 'numeric'
<span className="mx-1.5">•</span> })}
5 claims </span>
<span className="mx-1.5">•</span> <span className="text-muted-foreground mx-1.5">•</span>
<span className="italic text-accent">{claim.featuredClaim}</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> </div>
</li> </li>
))} ))}