fix mobile support on leaderboards
All checks were successful
deploy / deploy (push) Successful in 56s
All checks were successful
deploy / deploy (push) Successful in 56s
This commit is contained in:
parent
0123541095
commit
1aa8630db0
@ -96,9 +96,9 @@ export default function Leaderboard({ id, page }: LeaderboardProps) {
|
||||
|
||||
return (
|
||||
<Container>
|
||||
<div className="mt-2 flex flex-col gap-2 md:flex-row">
|
||||
<Card outerClassName="h-fit" className="mt-2 flex">
|
||||
<div className="flex min-w-[300px] flex-wrap justify-between gap-2 md:justify-start">
|
||||
<div className="mt-2 flex flex-col gap-2 xl:flex-row">
|
||||
<Card outerClassName="h-fit pt-3" className="flex">
|
||||
<div className="flex min-w-[320px] flex-wrap justify-between gap-2 md:justify-start">
|
||||
<div className="flex gap-2">
|
||||
<Image
|
||||
src={coverImage}
|
||||
|
@ -21,14 +21,14 @@ export default function LeaderboardScore({
|
||||
const accuracy = ((score.baseScore / leaderboard.maxScore) * 100).toFixed(2);
|
||||
|
||||
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 w-fit flex-row items-center justify-center gap-1">
|
||||
<p>#{formatNumber(score.rank)}</p>
|
||||
</div>
|
||||
<Tooltip>
|
||||
<TooltipTrigger>
|
||||
<p className="hidden text-sm text-gray-200 md:block">
|
||||
<p className="block text-sm text-gray-200">
|
||||
{formatTimeAgo(score.timeSet)}
|
||||
</p>
|
||||
</TooltipTrigger>
|
||||
|
Loading…
x
Reference in New Issue
Block a user