diff options
| author | Fuwn <[email protected]> | 2023-10-01 20:56:15 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-10-01 20:56:15 -0700 |
| commit | ab11d8df2e1b8a716d8d8fa874e791039bae7dab (patch) | |
| tree | 46a106b4647cd4e17e572498b61939b1003feeea /src/lib/Tools | |
| parent | fix: limit display area to screen ! (diff) | |
| download | due.moe-ab11d8df2e1b8a716d8d8fa874e791039bae7dab.tar.xz due.moe-ab11d8df2e1b8a716d8d8fa874e791039bae7dab.zip | |
feat(wrapped): transparency wrapped
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index 8a838d6c..ad381570 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -22,6 +22,7 @@ let mangaList: Media[] | undefined = undefined; let abbreviateTitles = true; let maxAbbreviateLength = 40; + let transparency = false; onMount(async () => { if (user !== undefined) { @@ -108,7 +109,7 @@ if (element !== null) { domtoimage .toBlob(element, { - bgcolor: dark ? '#060506' : '#f8f8f8' + bgcolor: transparency ? undefined : dark ? '#060506' : '#f8f8f8' }) .then((blob) => { const link = document.createElement('a'); @@ -278,6 +279,11 @@ <a href={'#'} on:click={() => screenshot()}>Download light themed image</a> </li> <li> + <a href={'#'} on:click={() => (transparency = !transparency)}> + {transparency ? 'Disable' : 'Enable'} background transparency + </a> + </li> + <li> <a href={'#'} on:click={() => (abbreviateTitles = !abbreviateTitles)}> {abbreviateTitles ? 'Display full titles' : 'Abbreviate titles'} </a> |