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

fix mobile support on leaderboards
All checks were successful
deploy / deploy (push) Successful in 56s
Details

Browse Source
This commit is contained in:
Lee 2023-11-05 14:31:09 +00:00
parent 0123541095
commit 1aa8630db0
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -96,9 +96,9 @@ export default function Leaderboard({ id, page }: LeaderboardProps) {
return ( return (
<Container> <Container>
<div className="mt-2 flex flex-col gap-2 md:flex-row"> <div className="mt-2 flex flex-col gap-2 xl:flex-row">
<Card outerClassName="h-fit" className="mt-2 flex"> <Card outerClassName="h-fit pt-3" className="flex">
<div className="flex min-w-[300px] flex-wrap justify-between gap-2 md:justify-start"> <div className="flex min-w-[320px] flex-wrap justify-between gap-2 md:justify-start">
<div className="flex gap-2"> <div className="flex gap-2">
<Image <Image
src={coverImage} src={coverImage}

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

@ -21,14 +21,14 @@ 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.28fr_6fr_1.3fr]"> <div className="mb-1 mt-1 grid grid-cols-[1.28fr_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>
</div> </div>
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger>
<p className="hidden text-sm text-gray-200 md:block"> <p className="block text-sm text-gray-200">
{formatTimeAgo(score.timeSet)} {formatTimeAgo(score.timeSet)}
</p> </p>
</TooltipTrigger> </TooltipTrigger>