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

fix(overlay): increase size of song info
All checks were successful
deploy / deploy (push) Successful in 58s
Details

Browse Source
This commit is contained in:
Lee 2023-11-05 23:21:35 +00:00
parent 3e5f141938
commit 2e4842efd4
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/overlay/SongInfo.tsx
View File

@ -21,26 +21,26 @@ export default function SongInfo() {
className="rounded-md" className="rounded-md"
alt="Song Image" alt="Song Image"
src={songInfo.art} src={songInfo.art}
width={120} width={140}
height={120} height={140}
/> />
<div className="flex flex-col justify-between pb-2 pt-1"> <div className="flex flex-col justify-between pb-2 pt-1">
<div> <div>
<p className="text-xl font-bold"> <p className="text-2xl font-bold">
{songInfo.songName} {songInfo.songSubName} {songInfo.songName} {songInfo.songSubName}
</p> </p>
<p className="text-md">{songInfo.songMapper}</p> <p className="text-xl">{songInfo.songMapper}</p>
</div> </div>
<div className="mt-1 flex items-center gap-2"> <div className="mt-1 flex items-center gap-2">
<p <p
className="text-md rounded-md p-[3px]" className="rounded-md p-[3px] text-xl"
style={{ style={{
backgroundColor: songDifficultyToColor(songInfo.difficulty), backgroundColor: songDifficultyToColor(songInfo.difficulty),
}} }}
> >
{songInfo.difficulty} {songInfo.difficulty}
</p> </p>
<p className="text-md">!bsr {songInfo.bsr}</p> <p className="text-xl">!bsr {songInfo.bsr}</p>
</div> </div>
</div> </div>
</div> </div>