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

This commit is contained in:
Lee 2023-10-24 11:13:05 +01:00
parent f421716f5c
commit fe0be93d3e

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