krisf/maple-brief-aggregator
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile hero overlay — stop Lead-briefing badge clipping

Browse Source
This commit is contained in:
krisf
2026-08-15 22:07:56 -04:00
parent 9210dc8f14
commit 9ebc3bffab
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/page.tsx
+3 -3
View File
@@ -47,14 +47,14 @@ export default async function HomePage({
</span> </span>
</div> </div>
)} )}
<div className="absolute inset-x-0 bottom-0 bg-gradient-to-t from-ink-950/95 via-ink-950/70 to-transparent p-5 pt-16"> <div className="absolute inset-x-0 bottom-0 bg-gradient-to-t from-ink-950/95 via-ink-950/70 to-transparent px-4 pb-4 pt-10 sm:px-5 sm:pb-5 sm:pt-16">
<span className="mb-2 inline-block rounded bg-maple-600 px-2 py-0.5 text-[11px] font-bold uppercase tracking-wider text-white"> <span className="mb-2 inline-block rounded bg-maple-600 px-2 py-0.5 text-[11px] font-bold uppercase tracking-wider text-white">
Lead briefing Lead briefing
</span> </span>
<h1 className="font-display text-2xl font-bold leading-tight text-white sm:text-3xl"> <h1 className="line-clamp-2 font-display text-lg font-bold leading-tight text-white sm:line-clamp-3 sm:text-3xl">
{hero.headline ?? hero.title} {hero.headline ?? hero.title}
</h1> </h1>
<p className="mt-2 line-clamp-2 text-sm text-ink-200">{hero.excerpt}</p> <p className="mt-2 line-clamp-1 text-sm text-ink-200 sm:line-clamp-2">{hero.excerpt}</p>
</div> </div>
</div> </div>
</Link> </Link>