saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-06 01:02:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

alt thumbnail layout

Browse Source
This commit is contained in:
austinkelsay 2024-10-14 09:18:20 -05:00
parent 40861b6229
commit 2ed34697e0
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/content/carousels/templates/VideoTemplate.js
View File

@ -47,13 +47,14 @@ export function VideoTemplate({ video }) {
return ( return (
<Card className="overflow-hidden group hover:shadow-xl transition-all duration-300 bg-gray-800 m-2 border-none"> <Card className="overflow-hidden group hover:shadow-xl transition-all duration-300 bg-gray-800 m-2 border-none">
<div className="relative h-48 sm:h-64 max-w-full"> <div className="relative h-48 sm:h-64 w-full">
<Image <Image
src={returnImageProxy(video.image)} src={returnImageProxy(video.image)}
alt="Video background" alt="Video background"
quality={100} quality={100}
layout="fill" layout="fill"
className={`${router.pathname === "/content" ? "w-full h-full object-cover" : "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"}`} objectFit="cover"
className={`${router.pathname === "/content" ? "" : "transition-transform duration-300 group-hover:scale-105"}`}
/> />
<div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" /> <div className="absolute inset-0 bg-gradient-to-br from-primary/80 to-primary-foreground/50" />
<div className="absolute top-4 right-4 flex items-center gap-1 bg-black/50 text-white px-3 py-1 rounded-full"> <div className="absolute top-4 right-4 flex items-center gap-1 bg-black/50 text-white px-3 py-1 rounded-full">
@ -110,4 +111,4 @@ export function VideoTemplate({ video }) {
</CardFooter> </CardFooter>
</Card> </Card>
) )
} }