v.korobtsev/vkorobtsev-nextJs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: image background conditional rendering

Browse source
This commit is contained in:
Alvalen 2024-04-19 20:11:35 +07:00
parent e77b3b9d42
commit 94d68b5c91
1 changed files with 2 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/about/(spotify)/card.jsx
View file

@ -32,6 +32,7 @@ useEffect(() => {
</div> </div>
) : ( ) : (
<div className="relative w-full mb-8 grid grid-cols-2 gap-2 border-2 border-gray-500 p-4 rounded-lg backdrop-filter backdrop-blur-lg bg-white bg-opacity-30"> <div className="relative w-full mb-8 grid grid-cols-2 gap-2 border-2 border-gray-500 p-4 rounded-lg backdrop-filter backdrop-blur-lg bg-white bg-opacity-30">
{result.isPlaying && (
<Image <Image
src={result.albumImageUrl} src={result.albumImageUrl}
alt="backgroundImage" alt="backgroundImage"
@ -39,6 +40,7 @@ useEffect(() => {
objectFit="cover" objectFit="cover"
className="z-0 opacity-20 absolute" className="z-0 opacity-20 absolute"
/> />
)}
<div className="z-10 flex items-center"> <div className="z-10 flex items-center">
<FontAwesomeIcon <FontAwesomeIcon
icon={faSpotify} icon={faSpotify}