fix: thumbnail border radius on hover breaking + make cap selection bar appear faster

[ameer2468]

Summary by CodeRabbit

• Style

  • Refined card borders and clipping for a cleaner, more consistent appearance when selecting or hovering.
  • Made selection bar animations snappier with quicker fades and firmer motion.
  • Updated video thumbnails with rounded top corners for a polished look.

• Bug Fixes

  • Improved thumbnail load detection to reduce flicker and prevent displaying incomplete images, enhancing reliability across browsers.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
cap-web	Ready	Preview	Comment	Sep 23, 2025 9:34am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Minor UI adjustments across three components: CapCard border/overflow classes simplified; SelectedCapsBar animation timings/stiffness tweaked; VideoThumbnail uses strict inequality for load check and adds rounded top corners to the image.

Changes

Cohort / File(s)	Summary
Dashboard caps UI apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx, apps/web/app/(org)/dashboard/caps/components/SelectedCapsBar.tsx	CapCard: removed border-px, added overflow-hidden; simplified selected/hover border application. SelectedCapsBar: shortened opacity duration (0.3→0.2s) and increased spring stiffness (200→300) for y/scale.
Shared media component apps/web/components/VideoThumbnail.tsx	Switched to strict inequality for naturalWidth check; added rounded-t-xl to image on load.

Sequence Diagram(s)

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• improvements: mask as read when opening notifications, show custom domain, and more #1042 — Touches the same CapCard component with z-index and upload-failed typography changes.
• improve: duration formatting #912 — Overlaps on VideoThumbnail rendering and SelectedCapsBar/CapCard UI behavior.

Suggested labels

codex

Suggested reviewers

• Brendonovich

Poem

A whisk of CSS, a hop of spring,
Borders trimmed—such tidy things.
Thumbnails don a rounded crown,
Animations bounce, then settle down.
With strict checks true, no bugs to rue—
Tap tap, thump thump—ship it through! 🐇✨

✨ 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-weird-hover-effect

---

📜 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 b0fb8ad and d7ff900.

📒 Files selected for processing (3)

• apps/web/app/(org)/dashboard/caps/components/CapCard/CapCard.tsx (1 hunks)
• apps/web/app/(org)/dashboard/caps/components/SelectedCapsBar.tsx (1 hunks)
• apps/web/components/VideoThumbnail.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.}