fix hover on rank and country rank making the tooltip dim
All checks were successful
Deploy Website / deploy (push) Successful in 4m57s
All checks were successful
Deploy Website / deploy (push) Successful in 4m57s
This commit is contained in:
parent
b059ee3537
commit
570f5e1eab
@ -43,8 +43,8 @@ const playerData = [
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Link href={`/ranking/${player.rankPages.global}`}>
|
<Link href={`/ranking/${player.rankPages.global}`}>
|
||||||
<div className="text-gray-300 flex gap-1 items-center hover:brightness-75 transition-all transform-gpu">
|
<div className="text-gray-300 flex gap-1 items-center">
|
||||||
<p>#{formatNumberWithCommas(player.rank)}</p>
|
<p className="hover:brightness-75 transition-all transform-gpu">#{formatNumberWithCommas(player.rank)}</p>
|
||||||
{rankChange != 0 && renderChange(rankChange, <p>The change in your rank compared to yesterday</p>)}
|
{rankChange != 0 && renderChange(rankChange, <p>The change in your rank compared to yesterday</p>)}
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
@ -62,8 +62,10 @@ const playerData = [
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Link href={`/ranking/${player.country}/${player.rankPages.country}`}>
|
<Link href={`/ranking/${player.country}/${player.rankPages.country}`}>
|
||||||
<div className="text-gray-300 flex gap-1 items-center hover:brightness-75 transition-all transform-gpu">
|
<div className="text-gray-300 flex gap-1 items-center">
|
||||||
<p>#{formatNumberWithCommas(player.countryRank)}</p>
|
<p className="hover:brightness-75 transition-all transform-gpu">
|
||||||
|
#{formatNumberWithCommas(player.countryRank)}
|
||||||
|
</p>
|
||||||
{rankChange != 0 && renderChange(rankChange, <p>The change in your country rank compared to yesterday</p>)}
|
{rankChange != 0 && renderChange(rankChange, <p>The change in your country rank compared to yesterday</p>)}
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
|
Reference in New Issue
Block a user