From 0b0b3739c23999205cad6a6e84b9e0e42592bb5e Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 7 Dec 2023 11:07:32 -0800
Subject: feat(wrapped): move width control

---
 src/lib/Tools/Wrapped.svelte | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index dfb6ab42..86168c65 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -306,7 +306,7 @@
 			<div class="categories-grid" style="padding-bottom: 0;">
 				<div class="grid-item image-grid avatar-grid category">
 					<a href={`https://anilist.co/user/${currentUserIdentity.name}`} target="_blank">
-						<img src={proxy(wrapped.avatar.large)} alt="User Avatar" />
+						<img src={proxy(wrapped.avatar.large)} alt="User Avatar" on:load={updateWidth} />
 					</a>
 					<div>
 						<div>
@@ -371,6 +371,7 @@
 									src={proxy(animeList[0].coverImage.extraLarge)}
 									alt="Highest Rated Anime Cover"
 									class="cover-image"
+									on:load={updateWidth}
 								/>
 							</a>
 							<div>
@@ -398,6 +399,7 @@
 									src={proxy(mangaList[0].coverImage.extraLarge)}
 									alt="Highest Rated Manga Cover"
 									class="cover-image"
+									on:load={updateWidth}
 								/>
 							</a>
 							<div>
@@ -429,12 +431,6 @@
 
 		<p />
 
-		<p>
-			<button on:click={() => (width -= 25)}>-25px</button>
-			<button on:click={updateWidth}>Fix width</button>
-			<button on:click={() => (width += 25)}>+25px</button>
-		</p>
-
 		<p>
 			<a href={'#'} on:click={screenshot}>Generate image</a>
 		</p>
@@ -454,7 +450,11 @@
 						<option value={count}>{count}</option>
 					{/each}
 				</select>
-				Highest rated media count
+				Highest rated media count<br />
+				<button on:click={updateWidth}>Find best fit</button>
+				<button on:click={() => (width -= 25)}>-25px</button>
+				<button on:click={() => (width += 25)}>+25px</button>
+				Width adjustment
 			</div>
 		</details>
 
-- 
cgit v1.2.3