fix mobile issues with scores
All checks were successful
deploy / deploy (push) Successful in 55s

This commit is contained in:
Lee 2023-10-29 19:38:35 +00:00
parent e1489feaf0
commit e6a8f88223

@ -52,7 +52,7 @@ export default function Score({
<HeadsetIcon id={score.hmd} size={20} /> <HeadsetIcon id={score.hmd} size={20} />
</div> </div>
<Tooltip> <Tooltip>
<TooltipTrigger> <TooltipTrigger className="hidden md:block">
<p className="text-sm text-gray-200"> <p className="text-sm text-gray-200">
{formatTimeAgo(score.timeSet)} {formatTimeAgo(score.timeSet)}
</p> </p>
@ -71,7 +71,7 @@ export default function Score({
<Image <Image
src={leaderboard.coverImage} src={leaderboard.coverImage}
alt={leaderboard.songName} alt={leaderboard.songName}
className="h-fit rounded-md" className="h-fit min-w-[60px] rounded-md"
width={60} width={60}
height={60} height={60}
loading="lazy" loading="lazy"
@ -107,13 +107,11 @@ export default function Score({
href={`/leaderboard/${leaderboard.id}/1`} href={`/leaderboard/${leaderboard.id}/1`}
className="transform-gpu transition-all hover:opacity-70" className="transform-gpu transition-all hover:opacity-70"
> >
<div className="w-fit truncate text-blue-500"> <div className="w-fit text-clip text-blue-500">
<p className="font-bold">{leaderboard.songName}</p> <p className="font-bold">{leaderboard.songName}</p>
<p className="text-blue-300"> <p className="text-blue-300">{leaderboard.songAuthorName}</p>
{leaderboard.songAuthorName}{" "} <p className="text-sm text-gray-400">
<span className="text-gray-200"> {leaderboard.levelAuthorName}
{leaderboard.levelAuthorName}
</span>
</p> </p>
</div> </div>
</Link> </Link>