fix: recording limit margin

[ameer2468]

Summary by CodeRabbit

• Style
  • Standardized top spacing in the share header for consistent layout across states.
  • Increased vertical spacing around the upgrade prompt for improved readability.
  • Added a smoother transition to the “Connect a custom domain” button for a more polished interaction.
  • Minor visual refinements to enhance clarity and reduce layout shifts.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Updated UI spacing and styling in ShareHeader.tsx: made the upgrade banner container always apply top margin, adjusted button spacing, and added a transition to the “Connect a custom domain” trigger. The summary notes alterations to exported/public declarations.

Changes

Cohort / File(s)	Summary
Share header UI tweaks apps/web/app/s/[videoId]/_components/ShareHeader.tsx	Made container always use mt-8 instead of conditional margin; adjusted upgrade/purchase button spacing (mt-2, removed mb-3), added duration-200 transition to the “Connect a custom domain” trigger; noted alterations to exported/public declarations.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

A whisk of CSS, a hop and a glide,
I nudge the margins, make buttons glide.
With gentle transitions, I quietly preen—
ShareHeader’s paws now sleek and clean.
Thump-thump! I ship with sprightly cheer,
Another pixel-perfect burrow, dear. 🐇✨

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix-limit-bar-position

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 7af339d and 37e2d83.

📒 Files selected for processing (1)

• apps/web/app/s/[videoId]/_components/ShareHeader.tsx (2 hunks)

---

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.}