Center leftover Learn cards on a short last row and keep thumbnail copy in the top half so it does not cover the artwork.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-08-19 14:52:54 -06:00
co-authored by Cursor
parent aa4fe47554
commit f35889f966
4 changed files with 17 additions and 11 deletions
@@ -36,7 +36,7 @@ function ContentThumbnailTemplateView({
/>
</picture>
</div>
<div className="absolute left-[4.375%] top-[6.099%] z-20 w-[71.875%] smd:left-[6.923%] smd:top-[4.615%] smd:w-[76.923%]">
<div className="absolute left-[4.375%] top-[6.099%] z-20 w-[71.875%] max-h-[48%] overflow-hidden smd:left-[6.923%] smd:top-[4.615%] smd:w-[76.923%]">
<ContentContainer post={post} size="xs" />
</div>
</div>
@@ -82,7 +82,7 @@ function ContentThumbnailTemplateView({
className="pointer-events-none size-full object-cover"
/>
</div>
<div className="absolute left-[6.923%] top-[4.615%] z-20 w-[76.923%]">
<div className="absolute left-[6.923%] top-[4.615%] z-20 w-[76.923%] max-h-[48%] overflow-hidden">
<ContentContainer post={post} size="xs" />
</div>
</div>
@@ -124,7 +124,7 @@ function ContentThumbnailTemplateView({
className="pointer-events-none size-full object-cover"
/>
</div>
<div className="absolute left-[4.375%] top-[6.099%] z-20 w-[71.875%]">
<div className="absolute left-[4.375%] top-[6.099%] z-20 w-[71.875%] max-h-[48%] overflow-hidden">
<ContentContainer post={post} size="xs" />
</div>
</div>