From 93e26b89375487cae82dccfe54dd82ee8729964f Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sun, 14 Sep 2025 17:11:59 +0100
Subject: [PATCH] fix: 'metadata' type images stretching mii portrait for
 switch miis

---
 src/lib/images.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/images.tsx b/src/lib/images.tsx
index eac60cd..e86b072 100644
--- a/src/lib/images.tsx
+++ b/src/lib/images.tsx
@@ -146,8 +146,14 @@ export async function generateMetadataImage(mii: Mii, author: string): Promise<B
 		<div tw="w-full h-full bg-amber-50 border-2 border-amber-500 rounded-2xl p-4 flex flex-col">
 			<div tw="flex w-full">
 				{/* Mii image */}
-				<div tw="w-80 rounded-xl flex justify-center mr-2" style={{ backgroundImage: "linear-gradient(to bottom, #fef3c7, #fde68a);" }}>
-					<img src={miiImage} width={248} height={248} style={{ filter: "drop-shadow(0 10px 8px #00000024) drop-shadow(0 4px 3px #00000024)" }} />
+				<div tw="w-80 h-62 rounded-xl flex justify-center mr-2 px-2" style={{ backgroundImage: "linear-gradient(to bottom, #fef3c7, #fde68a);" }}>
+					<img
+						src={miiImage}
+						width={248}
+						height={248}
+						tw="w-full h-full"
+						style={{ objectFit: "contain", filter: "drop-shadow(0 10px 8px #00000024) drop-shadow(0 4px 3px #00000024)" }}
+					/>
 				</div>
 
 				{/* QR code */}