mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 12:25:05 +03:00
ShaneandClaude Sonnet 5
2fbae0163d
Blog listing mockup: - Same research approach as the Blog post mockup — read the real /blog index page (app/blog/page.tsx, BlogGridItem.tsx, FeaturedThumb.tsx, BlogClient.tsx, BlogFilters.tsx) instead of guessing. - Real nav (extracted to a shared SiteNav component, reused by both Blog mockups), "Blog" H1, the real category filter pills + search box, a featured-post section above the grid (3/2 hero + title + author, matching FeaturedThumb), and a uniform 3-column grid below (1.91:1 card images, date + category, title) matching BlogGridItem — with the featured post correctly excluded from the grid loop, same as the real page's `listPosts = initialPosts.slice(1)`. - Widened the mockup's max-width to max-w-5xl for this mode too (was max-w-2xl), since the grid needs the room. Headline auto-fit sizing: - Two size tiers instead of one fixed 40-64 range: `default` (48-64, larger) when there's no icon and the headline fits in <=2 lines; `compact` (40-56) whenever an icon is present, and also whenever the headline still needs a 3rd line even at the default tier's max size. - maxLines raised from 2 to 3 — headlines can now wrap to a 3rd line instead of only ever 1-2, but never more than 3. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>