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

fix weird spacing on the scores card
All checks were successful
deploy / deploy (push) Successful in 47s
Details

Browse Source
This commit is contained in:
Lee 2023-10-24 11:13:05 +01:00
parent f421716f5c
commit fe0be93d3e
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/player/Scores.tsx
View File

@ -57,9 +57,9 @@ export default function Scores({
} }
return ( return (
<Card className="mt-2 w-full items-center md:flex-col"> <Card className="w-full items-center md:flex-col">
{/* Sort */} {/* Sort */}
<div className="m-2 w-full text-sm"> <div className="w-full text-sm">
<div className="flex justify-center gap-2"> <div className="flex justify-center gap-2">
{Object.values(SortTypes).map((sortTypee) => { {Object.values(SortTypes).map((sortTypee) => {
return ( return (
@ -82,21 +82,19 @@ export default function Scores({
</div> </div>
</div> </div>
<div className="w-full p-1"> <div className="mt-4 grid grid-cols-1 divide-y divide-gray-500">
<div className="grid grid-cols-1 divide-y divide-gray-500"> {scores.map((scoreData, id) => {
{scores.map((scoreData, id) => { const { score, leaderboard } = scoreData;
const { score, leaderboard } = scoreData;
return ( return (
<Score <Score
key={id} key={id}
player={playerData} player={playerData}
score={score} score={score}
leaderboard={leaderboard} leaderboard={leaderboard}
/> />
); );
})} })}
</div>
</div> </div>
{/* Pagination */} {/* Pagination */}