Boosted cards UI fixes

[ragnep]

Summary by CodeRabbit

• Style
  • Refined card and preview layouts with adjusted aspect ratios, uniform column behavior, and added height constraints
  • Introduced conditional text display and updated text clamping for clearer content presentation
  • Tweaked spacing, text color, border/hover visuals, and gradient opacity for improved contrast
  • Minor layout refinements to better align media and content blocks across variants

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Refactors layout and styling across home preview components: minor whitespace change in HomePageContent; substantial layout and conditional-rendering adjustments in BoostedDropCardHome; height, rounding, gradient, and line-clamp updates in OpenGraphPreview; and small color/padding tweaks in ContentDisplay.

Changes

Cohort / File(s)	Summary
Whitespace cleanup components/home/HomePageContent.tsx	Removed an empty line between NowMintingSection and HomePageTextSection.
Boosted drop card layout components/home/boosted/BoostedDropCardHome.tsx	Replaced conditional header classes with a constant; unified content sizing to a 2/1 media layout; introduced contentWrapperGapClasses and shouldShowTextContent to control grid vs centered flex layouts and text rendering; adjusted media container aspect ratio, overflow guards, border/hover styles, and removed author/wave comment markers.
OpenGraph preview adjustments components/waves/OpenGraphPreview.tsx	Added tw-h-full constraints for home variant, changed card rounding to tw-rounded-t-xl, tightened gradient opacity stops, and reduced title/description clamping from 2 lines to 1.
Content display styling components/waves/drops/ContentDisplay.tsx	Updated container text color from tw-text-iron-300 → tw-text-iron-400 and added tw-px-4 and tw-pb-3 padding.

Sequence Diagram(s)

(omitted — changes are styling/layout-focused and do not introduce new multi-component control flows)

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• Homepage card fixes #1794: Overlapping edits to BoostedDropCardHome.tsx and other home preview components (header/layout/media changes).
• Tap to load gating for html media #1759: Edits the same BoostedDropCardHome.tsx (removed Square2StackIcon usage) — likely intersects with layout refactor.
• Submission carousel ux improvements #1756: Modifies BoostedDropCardHome.tsx and ContentDisplay.tsx with related layout/style changes.

Suggested reviewers

• simo6529
• prxt6529

Poem

🐰 I hopped through pixels, nibbled space,

Tweaked a header, tightened place.
Media snug in two-to-one,
Lines shortened, borders done.
A tiny hop — the home page hums with grace. 🎨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 33.33% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'Boosted cards UI fixes' directly reflects the main changes in the PR, which focus on styling and layout updates to the BoostedDropCardHome component and related UI improvements.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud