aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/lib/Tools/Wrapped.svelte29
1 files changed, 13 insertions, 16 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index 107d70b0..69f4c3ce 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -329,30 +329,27 @@
corrected in the final image. Media covers may not appear on mobile Apple devices.
</p>
+ <div id="options">
+ <input type="checkbox" bind:checked={watermark} /> Enable watermark<br />
+ <input type="checkbox" bind:checked={transparency} /> Enable background transparency<br />
+ <input type="checkbox" bind:checked={includeMusic} /> Include music<br />
+ <input type="checkbox" bind:checked={includeSpecials} /> Include specials and OVAs<br />
+ <input type="checkbox" bind:checked={abbreviateTitles} /> Fit long titles<br />
+ {#if abbreviateTitles}
+ Maximum title length <input type="number" bind:value={maxAbbreviateLength} /><br />
+ {/if}
+ </div>
+
+ <br />
+
<ul>
<li>
- <input type="checkbox" bind:checked={watermark} /> Enable watermark
- </li>
- <li>
- <input type="checkbox" bind:checked={transparency} /> Enable background transparency
- </li>
- <li>
- <input type="checkbox" bind:checked={includeMusic} /> Include music
- <input type="checkbox" bind:checked={includeSpecials} /> Include specials and OVAs
- </li>
- <li>
<a href={'#'} on:click={() => screenshot(true)}>Generate dark themed image</a>
</li>
<li>
<a href={'#'} on:click={() => screenshot()}>Generate light themed image</a>
</li>
<li>
- <a href={'#'} on:click={() => (abbreviateTitles = !abbreviateTitles)}>
- {abbreviateTitles ? 'Display full titles' : 'Abbreviate titles'}
- </a>
- <input type="number" bind:value={maxAbbreviateLength} />
- </li>
- <li>
<a href={'#'} target="_blank" id="wrapped-image-download">
Download generated image (generate first)
</a>