Improve video tag display for better visual appeal and clarity

Update the styling for video tags in the video card component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
This commit is contained in:
sebastjanartic 2025-08-28 18:59:34 +00:00
parent 43390116b7
commit 91e349dead

View File

@ -117,7 +117,7 @@ export default function VideoCard({ video, onClick }: VideoCardProps) {
{video.tags.slice(0, 3).map((tag, index) => ( {video.tags.slice(0, 3).map((tag, index) => (
<span <span
key={index} key={index}
className="bg-bunny-gray/30 text-bunny-light px-1.5 py-0.5 rounded text-xs hover:bg-bunny-gray/50 transition-colors" className="bg-bunny-blue/20 text-bunny-blue border border-bunny-blue/30 px-2 py-1 rounded-full text-xs font-medium hover:bg-bunny-blue/30 transition-colors"
data-testid={`tag-${tag}-${video.id}`} data-testid={`tag-${tag}-${video.id}`}
> >
#{tag} #{tag}