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

cleanup
All checks were successful
Deploy Website / docker (ubuntu-latest) (push) Successful in 2m7s
Details

Browse Source
This commit is contained in:
Lee
2024-10-19 17:08:00 +01:00
parent 982202f813
commit d3ce922f00
523 changed files with 96 additions and 49 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-75 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-50 transform-gpu transition-all`}
>
{chart.icon}
</button>

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

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

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

@ -25,7 +25,7 @@ type TablePlayerProps = {
export function PlayerInfo({ player, highlightedPlayer, hideCountryFlag }: TablePlayerProps) {
return (
<>
<div className="flex gap-2 items-center">
<Avatar className="w-[24px] h-[24px] pointer-events-none">
<AvatarImage
alt="Profile Picture"
@ -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:text-blue-500" href={`/player/${player.id}`}>
<Link className="transform-gpu transition-all hover:brightness-50" href={`/player/${player.id}`}>
<p
className={player.id == highlightedPlayer?.id ? "font-bold" : ""}
style={{
@ -43,6 +43,6 @@ export function PlayerInfo({ player, highlightedPlayer, hideCountryFlag }: Table
{player.name}
</p>
</Link>
</>
</div>
);
}

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-75 transform-gpu transition-all cursor-default"
className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-300 hover:brightness-50 transform-gpu transition-all cursor-default"
aria-label="Clear search"
>
<XMarkIcon className="w-5 h-5" />