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 (
|
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}
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user