add live now panel with time elapsed

2026-07-30 21:52:43 +01:00
parent 08cfbd4cbb
commit 0b1ea8e089
6 changed files with 115 additions and 9 deletions
--- a/frontend/src/components/video/VideoCard.tsx
+++ b/frontend/src/components/video/VideoCard.tsx
@@ -63,7 +63,7 @@ const VideoCard = ({ id, title, duration, createdAt, onEdit, onDelete, className
    return (
        <Link to={`${playerPath}/${id}`}>
            <div className={clsx("flex flex-col group cursor-pointer", className)}>
-                <div className="relative overflow-hidden rounded-lg">
+                <div className="relative overflow-hidden rounded-lg hover:shadow-xl transition-transform duration-300">
                    <img
                        src={thumbnailAvailable ? thumbnailUrl : fallbackThumbnail}
                        alt="Video Thumbnail"