diff options
| author | Fuwn <[email protected]> | 2023-11-16 11:03:41 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-11-16 11:03:41 -0800 |
| commit | 7007b570131a5c715b8698b7cf2adb7f782e4632 (patch) | |
| tree | 6b253546f9567fb7d3b46f2c7666c0fa2b994ff6 /src/lib | |
| parent | feat(wrapped): media format filters (diff) | |
| download | due.moe-7007b570131a5c715b8698b7cf2adb7f782e4632.tar.xz due.moe-7007b570131a5c715b8698b7cf2adb7f782e4632.zip | |
feat(wrapped): better options layout
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 29 |
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> |