fix(bento): add skeleton to SilhouetteHover
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user