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

update mobile ui
All checks were successful
deploy / deploy (push) Successful in 54s
Details

Browse Source
This commit is contained in:
Lee 2023-10-21 02:02:34 +01:00
parent 8a5eaa0646
commit 2e971198dc
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Score.tsx
View File

@ -19,7 +19,7 @@ export default function Score({ score, leaderboard }: ScoreProps) {
<GlobeAsiaAustraliaIcon width={20} height={20} /> <GlobeAsiaAustraliaIcon width={20} height={20} />
<p>#{score.rank}</p> <p>#{score.rank}</p>
</div> </div>
<p className="absolute right-3 mt-4 block divide-y text-sm text-gray-300 md:relative md:right-auto md:mt-0"> <p className="hidden text-sm text-gray-200 xs:block">
{moment(score.timeSet).fromNow()} {moment(score.timeSet).fromNow()}
</p> </p>
</div> </div>
@ -40,10 +40,18 @@ export default function Score({ score, leaderboard }: ScoreProps) {
</div> </div>
</div> </div>
<div className="flex items-center justify-between p-1 md:items-start md:justify-end"> <div className="flex items-center justify-between p-1 md:items-start md:justify-end">
<div className="flex items-center gap-1 md:hidden"> <div className="flex flex-col md:hidden">
<div className="flex items-center gap-1">
<GlobeAsiaAustraliaIcon width={20} height={20} /> <GlobeAsiaAustraliaIcon width={20} height={20} />
<p>#{score.rank}</p> <p>#{score.rank}</p>
</div> </div>
<div>
{" "}
<p className="block text-sm text-gray-200 xs:hidden">
{moment(score.timeSet).fromNow()}
</p>
</div>
</div>
<div className="flex items-end justify-end gap-2"> <div className="flex items-end justify-end gap-2">
{score.pp > 0 && ( {score.pp > 0 && (
<ScoreStatLabel <ScoreStatLabel