fix(bento): add skeleton to SilhouetteHover

This commit is contained in:
Jason
2023-09-26 16:40:16 -07:00
parent dcd69c9686
commit 0e448bde64

View File

@@ -1,4 +1,4 @@
import Image from 'next/image'
import Image from '../Image'
interface SilhouetteHoverProps {
silhouetteSrc: string
@@ -25,18 +25,22 @@ const SilhouetteHover = ({
src={silhouetteSrc}
alt={silhouetteAlt}
fill={true}
noRelative
className={`rounded-3xl ${
objectCover ? 'object-cover' : 'object-contain'
} transition-opacity delay-75 duration-300 group-hover:opacity-0`}
skeletonClassName="rounded-3xl z-[1]"
unoptimized
/>
<Image
src={mainSrc}
alt={mainAlt}
fill={true}
noRelative
className={`rounded-3xl ${
objectCover ? 'object-cover' : 'object-contain'
} opacity-0 transition-opacity delay-75 duration-300 group-hover:opacity-100`}
skeletonClassName="rounded-3xl z-[1]"
unoptimized
/>
{children}