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

improve the per score leaderboard view and add a border to the card to make it more obvious
All checks were successful
Deploy SSR / deploy (push) Successful in 1m21s
Details

Browse Source
This commit is contained in:
Lee
2024-09-13 00:00:14 +01:00
parent e852ac864d
commit 33b270ab0b
4 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/leaderboard/leaderboard-score.tsx
View File

@ -2,7 +2,6 @@
import ScoreSaberLeaderboard from "@/common/data-fetcher/types/scoresaber/scoresaber-leaderboard";
import ScoreSaberScore from "@/common/data-fetcher/types/scoresaber/scoresaber-score";
import { timeAgo } from "@/common/time-utils";
import ScoreRankInfo from "../player/score/score-rank-info";
import LeaderboardPlayer from "./leaderboard-player";
import LeaderboardScoreStats from "./leaderboard-score-stats";
@ -21,10 +20,9 @@ type Props = {
export default function LeaderboardScore({ score, leaderboard }: Props) {
return (
<div className="grid w-full pb-2 pt-2 gap-2 lg:gap-0 first:pt-0 last:pb-0 grid-cols-[20px 1fr_1fr] lg:grid-cols-[100px_4fr_0.8fr_300px]">
<ScoreRankInfo score={score} isLeaderboard />
<div className="grid items-center w-full pb-2 pt-2 gap-2 lg:gap-0 first:pt-0 last:pb-0 grid-cols-[20px 1fr_1fr] lg:grid-cols-[130px_4fr_300px]">
<ScoreRankInfo score={score} />
<LeaderboardPlayer score={score} />
<p className="text-sm text-right">{timeAgo(new Date(score.timeSet))}</p>
<LeaderboardScoreStats score={score} leaderboard={leaderboard} />
</div>
);