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

fix tooltips
All checks were successful
Deploy Website / docker (ubuntu-latest) (push) Successful in 2m5s
Details

Browse Source
This commit is contained in:
Lee
2024-10-19 17:29:17 +01:00
parent 337331538a
commit 2df95d140a
12 changed files with 43 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
projects/website/src/components/player/chart/player-charts.tsx
View File

@ -78,7 +78,7 @@ export default function PlayerCharts({ player }: PlayerChartsProps) {
>
<button
onClick={() => setSelectedChart(chart)}
className={`border ${isSelected ? "border-1" : "border-input"} flex items-center justify-center p-[2px] w-[26px] h-[26px] rounded-full hover:brightness-50 transform-gpu transition-all`}
className={`border ${isSelected ? "border-1" : "border-input"} flex items-center justify-center p-[2px] w-[26px] h-[26px] rounded-full hover:brightness-[66%] transform-gpu transition-all`}
>
{chart.icon}
</button>

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

@ -110,7 +110,9 @@ const playerData = [
player,
"rank",
<Link href={`/ranking/${player.rankPages.global}`}>
<p className="hover:brightness-50 transition-all transform-gpu">#{formatNumberWithCommas(player.rank)}</p>
<p className="hover:brightness-[66%] transition-all transform-gpu">
#{formatNumberWithCommas(player.rank)}
</p>
</Link>
)}
{rankChange != 0 && renderDailyChange(rankChange, <p>The change in rank compared to yesterday</p>)}
@ -133,7 +135,7 @@ const playerData = [
player,
"countryRank",
<Link href={`/ranking/${player.country}/${player.rankPages.country}`}>
<p className="hover:brightness-50 transition-all transform-gpu">
<p className="hover:brightness-[66%] transition-all transform-gpu">
#{formatNumberWithCommas(player.countryRank)}
</p>
</Link>
@ -154,7 +156,7 @@ const playerData = [
{renderChange(
player,
"pp",
<p className="hover:brightness-50 transition-all transform-gpu text-pp">{formatPp(player.pp)}pp</p>
<p className="hover:brightness-[66%] transition-all transform-gpu text-pp">{formatPp(player.pp)}pp</p>
)}
{ppChange != 0 && renderDailyChange(ppChange, <p>The change in pp compared to yesterday</p>)}
</div>

2
projects/website/src/components/player/player-info.tsx
View File

@ -33,7 +33,7 @@ export function PlayerInfo({ player, highlightedPlayer, hideCountryFlag }: Table
/>
</Avatar>
{!hideCountryFlag && <CountryFlag code={player.country} size={12} />}
<Link className="transform-gpu transition-all hover:brightness-50" href={`/player/${player.id}`}>
<Link className="transform-gpu transition-all hover:brightness-[66%]" href={`/player/${player.id}`}>
<p
className={player.id == highlightedPlayer?.id ? "font-bold" : ""}
style={{

2
projects/website/src/components/player/player-scores.tsx
View File

@ -199,7 +199,7 @@ export default function PlayerScores({ initialScoreData, initialSearch, player,
{searchTerm && ( // Show clear button only if there's a query
<button
onClick={clearSearch}
className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-300 hover:brightness-50 transform-gpu transition-all cursor-default"
className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-300 hover:brightness-[66%] transform-gpu transition-all cursor-default"
aria-label="Clear search"
>
<XMarkIcon className="w-5 h-5" />