Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

fix text overflow breaking images
All checks were successful
Deploy SSR / deploy (push) Successful in 2m11s
Details

Browse Source
This commit is contained in:
Lee 2024-09-12 01:06:49 +01:00
parent e1a8e4ae72
commit 99174e6299
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/player/score/score.tsx
View File

@ -48,7 +48,7 @@ export default function Score({ playerScore }: Props) {
<p className="text-sm">{timeAgo(new Date(score.timeSet))}</p> <p className="text-sm">{timeAgo(new Date(score.timeSet))}</p>
</div> </div>
<div className="flex gap-3"> <div className="flex gap-3">
<div className="relative flex justify-center"> <div className="relative flex justify-center h-[64px]">
<Tooltip> <Tooltip>
<TooltipTrigger <TooltipTrigger
asChild asChild
@ -83,14 +83,14 @@ export default function Score({ playerScore }: Props) {
width={64} width={64}
height={64} height={64}
alt="Song Artwork" alt="Song Artwork"
className="rounded-md" className="rounded-md min-w-[64px]"
/> />
</div> </div>
<div className="flex"> <div className="flex">
<div className="flex flex-col"> <div className="overflow-y-clip">
<p className="text-pp text-ellipsis">{leaderboard.songName}</p> <p className="text-pp">{leaderboard.songName}</p>
<p className="text-sm text-gray-400 text-ellipsis">{leaderboard.songAuthorName}</p> <p className="text-sm text-gray-400">{leaderboard.songAuthorName}</p>
<p className="text-sm text-ellipsis">{leaderboard.levelAuthorName}</p> <p className="text-sm">{leaderboard.levelAuthorName}</p>
</div> </div>
</div> </div>
</div> </div>