make server favicon and player head images less blurry
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 54s

This commit is contained in:
Lee 2024-04-16 19:48:15 +01:00
parent ef39f8c33c
commit 8ffd865c63
2 changed files with 9 additions and 1 deletions

@ -64,6 +64,7 @@ export default async function Page({ params }: Params) {
src={player.skin.parts.head} src={player.skin.parts.head}
width={96} width={96}
height={96} height={96}
quality={100}
alt="The player's skin" alt="The player's skin"
/> />
</div> </div>

@ -80,7 +80,14 @@ export default async function Page({ params: { platform, hostname } }: Params) {
<div className="flex gap-2 flex-col md:flex-row"> <div className="flex gap-2 flex-col md:flex-row">
{favicon && ( {favicon && (
<div className="flex justify-center md:justify-start"> <div className="flex justify-center md:justify-start">
<Image className="w-[96px] h-[96px]" src={favicon} width={96} height={96} alt="The server's favicon" /> <Image
className="w-[96px] h-[96px]"
src={favicon}
width={96}
height={96}
quality={100}
alt="The server's favicon"
/>
</div> </div>
)} )}