Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

fix hover on rank and country rank making the tooltip dim
All checks were successful
Deploy Website / deploy (push) Successful in 4m57s
Details

Browse Source
This commit is contained in:
Lee 2024-10-11 03:51:38 +01:00
parent b059ee3537
commit 570f5e1eab
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
projects/website/src/components/player/player-header.tsx
View File

@ -43,8 +43,8 @@ const playerData = [
return (
<Link href={`/ranking/${player.rankPages.global}`}>
<div className="text-gray-300 flex gap-1 items-center hover:brightness-75 transition-all transform-gpu">
<p>#{formatNumberWithCommas(player.rank)}</p>
<div className="text-gray-300 flex gap-1 items-center">
<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>)}
</div>
</Link>
@ -62,8 +62,10 @@ const playerData = [
return (
<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">
<p>#{formatNumberWithCommas(player.countryRank)}</p>
<div className="text-gray-300 flex gap-1 items-center">
<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>)}
</div>
</Link>