diff options
| author | Fuwn <[email protected]> | 2023-12-07 11:07:32 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-07 11:07:32 -0800 |
| commit | 0b0b3739c23999205cad6a6e84b9e0e42592bb5e (patch) | |
| tree | f908760471f04a161799b421362836861e1bf4cf /src/lib/Tools/Wrapped.svelte | |
| parent | feat(wrapped): change wording (diff) | |
| download | due.moe-0b0b3739c23999205cad6a6e84b9e0e42592bb5e.tar.xz due.moe-0b0b3739c23999205cad6a6e84b9e0e42592bb5e.zip | |
feat(wrapped): move width control
Diffstat (limited to 'src/lib/Tools/Wrapped.svelte')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 16 |
1 files changed, 8 insertions, 8 deletions
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> @@ -430,12 +432,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> |