Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

Update Leaderboard component styles
All checks were successful
deploy / deploy (push) Successful in 55s
Details

Browse Source
This commit is contained in:
Lee 2023-11-05 14:21:15 +00:00
parent 4981ce5d37
commit 0123541095
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/leaderboard/Leaderboard.tsx
View File

@ -127,7 +127,7 @@ export default function Leaderboard({ id, page }: LeaderboardProps) {
</div> </div>
</Card> </Card>
<Card className="mt-2 h-fit"> <Card className="mt-2 h-fit">
<div className="mb-2 mt-2 flex justify-center gap-2"> <div className="mb-2 flex justify-center gap-2">
{difficulties.map((diff) => { {difficulties.map((diff) => {
return ( return (
<div <div

2
src/components/leaderboard/LeaderboardScore.tsx
View File

@ -21,7 +21,7 @@ export default function LeaderboardScore({
const accuracy = ((score.baseScore / leaderboard.maxScore) * 100).toFixed(2); const accuracy = ((score.baseScore / leaderboard.maxScore) * 100).toFixed(2);
return ( return (
<div className="mb-1 mt-1 grid grid-cols-[0.6fr_3fr_1.3fr] first:pt-0 last:pb-0 md:grid-cols-[1.2fr_6fr_1.3fr]"> <div className="mb-1 mt-1 grid grid-cols-[0.6fr_3fr_1.3fr] first:pt-0 last:pb-0 md:grid-cols-[1.28fr_6fr_1.3fr]">
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<div className="flex w-fit flex-row items-center justify-center gap-1"> <div className="flex w-fit flex-row items-center justify-center gap-1">
<p>#{formatNumber(score.rank)}</p> <p>#{formatNumber(score.rank)}</p>