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

8
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,8 +82,7 @@ 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;
@ -97,7 +96,6 @@ export default function Scores({
); );
})} })}
</div> </div>
</div>
{/* Pagination */} {/* Pagination */}
<div className="flex w-full flex-row justify-center rounded-md bg-gray-800 md:flex-col"> <div className="flex w-full flex-row justify-center rounded-md bg-gray-800 md:flex-col">