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

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

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

@ -34,7 +34,7 @@ export function PlayerRanking({ player, isCountry }: PlayerRankingProps) {
src={`https://img.fascinated.cc/upload/w_128,h_128/${player.profilePicture}`}
/>
</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}`}>
<p
className={