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

change song author and mapper name sizing
Some checks failed
Deploy Website / docker (ubuntu-latest) (push) Failing after 1m32s
Details

Browse Source
This commit is contained in:
Lee 2024-10-28 21:05:29 +00:00
parent 6b30c6efed
commit e88fb50b14
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/website/src/components/score/score-rank-info.tsx → projects/website/src/components/score/score-rank-and-date-info.tsx
View File

@ -12,7 +12,7 @@ type Props = {
leaderboard: ScoreSaberLeaderboard; leaderboard: ScoreSaberLeaderboard;
}; };
export default function ScoreRankInfo({ score, leaderboard }: Props) { export default function ScoreRankAndDateInfo({ score, leaderboard }: Props) {
return ( return (
<div className="flex w-full flex-row justify-between lg:w-[125px] lg:flex-col lg:justify-center items-center"> <div className="flex w-full flex-row justify-between lg:w-[125px] lg:flex-col lg:justify-center items-center">
<div className="flex gap-1 items-center"> <div className="flex gap-1 items-center">

8
projects/website/src/components/score/score-song-info.tsx
View File

@ -56,18 +56,20 @@ export default function ScoreSongInfo({ leaderboard, beatSaverMap }: Props) {
/> />
</div> </div>
<div className="flex"> <div className="flex">
<div className="overflow-y-clip"> <div className="overflow-y-clip flex flex-col gap-1">
<Link <Link
href={`/leaderboard/${leaderboard.id}`} href={`/leaderboard/${leaderboard.id}`}
className="cursor-pointer select-none hover:brightness-[66%] transform-gpu transition-all text-ssr w-fit" className="cursor-pointer select-none hover:brightness-[66%] transform-gpu transition-all text-ssr w-fit"
> >
{leaderboard.songName} {leaderboard.songSubName} {leaderboard.songName} {leaderboard.songSubName}
</Link> </Link>
<div className="flex flex-row text-sm gap-2"> <div className="flex flex-row text-sm gap-1.5 items-end leading-none">
<p className="text-gray-400">{leaderboard.songAuthorName}</p> <p className="text-gray-400">{leaderboard.songAuthorName}</p>
<FallbackLink <FallbackLink
href={mappersProfile} href={mappersProfile}
className={mappersProfile && "hover:brightness-[66%] transform-gpu transition-all w-fit"} className={
mappersProfile && "hover:brightness-[66%] transform-gpu transition-all w-fit text-xs leading-none"
}
> >
{leaderboard.levelAuthorName} {leaderboard.levelAuthorName}
</FallbackLink> </FallbackLink>

4
projects/website/src/components/score/score.tsx
View File

@ -7,7 +7,7 @@ import { CubeIcon } from "@heroicons/react/24/solid";
import { TrendingUpIcon } from "lucide-react"; import { TrendingUpIcon } from "lucide-react";
import ScoreButtons from "./score-buttons"; import ScoreButtons from "./score-buttons";
import ScoreSongInfo from "./score-song-info"; import ScoreSongInfo from "./score-song-info";
import ScoreRankInfo from "./score-rank-info"; import ScoreRankAndDateInfo from "./score-rank-and-date-info";
import ScoreStats from "./score-stats"; import ScoreStats from "./score-stats";
import Card from "@/components/card"; import Card from "@/components/card";
import { MapStats } from "@/components/score/map-stats"; import { MapStats } from "@/components/score/map-stats";
@ -126,7 +126,7 @@ export default function Score({ leaderboard, beatSaverMap, score, settings, high
return ( return (
<div className="pb-2 pt-2"> <div className="pb-2 pt-2">
<div className={`grid w-full gap-2 lg:gap-0 ${gridColsClass}`}> <div className={`grid w-full gap-2 lg:gap-0 ${gridColsClass}`}>
<ScoreRankInfo score={score} leaderboard={leaderboard} /> <ScoreRankAndDateInfo score={score} leaderboard={leaderboard} />
<ScoreSongInfo leaderboard={leaderboard} beatSaverMap={beatSaverMap} /> <ScoreSongInfo leaderboard={leaderboard} beatSaverMap={beatSaverMap} />
{!settings?.noScoreButtons && ( {!settings?.noScoreButtons && (
<ScoreButtons <ScoreButtons