Minimal UX pass: cut action clutter, more breathing room
- VideoCard: actions now hover-only everywhere (was always-visible on mobile) - Watch: remove Good/Bad rating chips — Like covers positive signal, dismiss/skip covers negative. Fewer buttons, same data. - Watch: PiP and Theater are now icon-only (no label) - Watch: increase content gap to gap-4/gap-5 for more breathing room Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -318,8 +318,8 @@ export default function VideoCard({ video, size = "md", onDismiss, variant = "gr
|
||||
</p>
|
||||
)}
|
||||
|
||||
{/* Actions — always visible on mobile, fade on desktop */}
|
||||
<div className="mt-auto pt-1 sm:opacity-0 sm:pointer-events-none sm:group-hover:opacity-100 sm:group-hover:pointer-events-auto sm:transition-opacity sm:duration-150">
|
||||
{/* Actions — hover only everywhere */}
|
||||
<div className="mt-auto pt-1 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-opacity duration-150">
|
||||
{actions}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user