ui(featured): make 'All featured' CTA prominent — pill button instead of text link

Was 11px mono with no background; now a navy outlined pill with uppercase
bold tracking, light-blue fill, and hover state. Same target route.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
ops-bot
2026-06-04 13:54:43 +00:00
parent 6e9a163cfd
commit e521820a2c

View File

@@ -73,7 +73,7 @@ export default async function FeaturedBento() {
<div className="flex items-center gap-3 mb-4 md:mb-5 flex-wrap">
<span className="section-label">Featured Editorial</span>
<div className="flex-1 h-px bg-[#DCE6F2]" />
<Link href="/news/featured" className="text-[11px] font-mono text-[var(--color-text-info,#60a5fa)] hover:underline whitespace-nowrap">
<Link href="/news/featured" className="text-sm md:text-base font-mono font-bold uppercase tracking-wider text-[#1D4ED8] hover:text-[#1E3A8A] hover:underline whitespace-nowrap bg-[#EFF6FF] border border-[#1D4ED8]/30 px-3 py-1.5 rounded-sm transition-colors">
All featured
</Link>
</div>