Stop using vanilla html <img />

2024-04-22 02:27:13 -04:00 · 2024-04-22 02:27:13 -04:00 · 491295f5bd
commit 491295f5bd
parent 2eb9286dcf
1 changed files with 8 additions and 5 deletions
--- a/Frontend/src/app/components/player/player-result.tsx
+++ b/Frontend/src/app/components/player/player-result.tsx
@ -109,11 +109,14 @@ const PlayerResult = ({ query, player }: PlayerResultProps): ReactElement => (
                                            content={`Click to view ${player.username}'s ${part}`}
                                        >
                                            <Link href={url} target="_blank">
-                                                <img
-                                                    className="h-20 sm:h-24 md:h-28 hover:scale-[1.02] transition-all transform-gpu"
-                                                    src={url}
-                                                    alt={`${player.username}'s ${part}`}
-                                                />
+                                                <div className="relative w-20 h-20">
+                                                    <Image
+                                                        className="object-contain hover:scale-[1.02] transition-all transform-gpu"
+                                                        src={url}
+                                                        alt={`${player.username}'s ${part}`}
+                                                        fill
+                                                    />
+                                                </div>
                                            </Link>
                                        </SimpleTooltip>
                                    )