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

fix country flag size being inconsistent
All checks were successful
Deploy Website / deploy (push) Successful in 4m6s
Details

Browse Source
This commit is contained in:
Lee 2024-10-12 03:48:34 +01:00
parent fd03e3d6c2
commit 0ac70f4781
2 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
projects/website/src/components/country-flag.tsx
View File

@ -10,8 +10,7 @@ export default function CountryFlag({ code, size = 24 }: Props) {
alt="Player Country" alt="Player Country"
src={`/assets/flags/${code.toLowerCase()}.png`} src={`/assets/flags/${code.toLowerCase()}.png`}
width={size * 2} width={size * 2}
height={size} className={`w-[${size * 2}px] object-contain`}
className={`w-[${size * 2}px] h-[${size}px] object-contain`}
/> />
); );
} }

2
projects/website/src/components/ranking/player-ranking.tsx
View File

@ -34,7 +34,7 @@ export function PlayerRanking({ player, isCountry }: PlayerRankingProps) {
src={`https://img.fascinated.cc/upload/w_128,h_128/${player.profilePicture}`} src={`https://img.fascinated.cc/upload/w_128,h_128/${player.profilePicture}`}
/> />
</Avatar> </Avatar>
<CountryFlag code={player.country} size={14} /> <CountryFlag code={player.country} size={12} />
<Link className="transform-gpu transition-all hover:text-blue-500" href={`/player/${player.id}`}> <Link className="transform-gpu transition-all hover:text-blue-500" href={`/player/${player.id}`}>
<p <p
className={ className={