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

fix mini ranking for top players
All checks were successful
Deploy Website / docker (ubuntu-latest) (push) Successful in 2m21s
Details

Browse Source
This commit is contained in:
Lee 2024-10-23 08:24:31 +01:00
parent 08295d7b04
commit 56ae9b717c
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,7 +46,7 @@ export function PlayerInfo({
className={clsx( className={clsx(
hoverBrightness ? "transform-gpu transition-all hover:brightness-[66%]" : "", hoverBrightness ? "transform-gpu transition-all hover:brightness-[66%]" : "",
player.id == highlightedPlayer?.id ? "font-bold" : "", player.id == highlightedPlayer?.id ? "font-bold" : "",
"text-ellipsis w-[140px] overflow-hidden whitespace-nowrap" "text-ellipsis overflow-hidden whitespace-nowrap"
)} )}
style={{ style={{
color: getScoreSaberRole(player)?.color, color: getScoreSaberRole(player)?.color,
@ -57,7 +57,7 @@ export function PlayerInfo({
); );
return ( return (
<div className="flex gap-2 items-center"> <div className="flex gap-2 items-center w-[175px]">
<Avatar className="w-[24px] h-[24px] pointer-events-none"> <Avatar className="w-[24px] h-[24px] pointer-events-none">
<AvatarImage <AvatarImage
alt="Profile Picture" alt="Profile Picture"

2
projects/website/src/components/ranking/mini.tsx
View File

@ -94,7 +94,7 @@ export default function Mini({ type, player, shouldUpdate }: MiniProps) {
<div className="flex gap-2 items-center"> <div className="flex gap-2 items-center">
<PlayerInfo player={playerRanking} highlightedPlayer={player} hideCountryFlag hoverBrightness={false} /> <PlayerInfo player={playerRanking} highlightedPlayer={player} hideCountryFlag hoverBrightness={false} />
</div> </div>
<div className="inline-flex min-w-[11.5em] gap-2 items-center"> <div className="inline-flex min-w-[13em] gap-2 items-center">
<p className="text-ssr text-right">{formatPp(playerRanking.pp)}pp</p> <p className="text-ssr text-right">{formatPp(playerRanking.pp)}pp</p>
{playerRanking.id !== player.id && ( {playerRanking.id !== player.id && (
<p className={`text-xs text-right ${ppDifference > 0 ? "text-green-400" : "text-red-400"}`}> <p className={`text-xs text-right ${ppDifference > 0 ? "text-green-400" : "text-red-400"}`}>