diff options
| author | Fuwn <[email protected]> | 2023-12-05 22:39:58 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-05 22:39:58 -0800 |
| commit | 6f066650904ea3bed7c70f301d8f5a8bc24d7bcf (patch) | |
| tree | 549060b2fd8bd1d345f65259b3dc8f3669db56c9 /src/lib/Tools | |
| parent | fix(wrapped): remove importants (diff) | |
| download | due.moe-6f066650904ea3bed7c70f301d8f5a8bc24d7bcf.tar.xz due.moe-6f066650904ea3bed7c70f301d8f5a8bc24d7bcf.zip | |
feat(wrapped): transparent preview
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index 71cbaa14..b67b025e 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -299,7 +299,12 @@ {#await wrapped(user, currentUserIdentity)} Loading ... {:then wrapped} - <div id="wrapped" class:light-theme={lightMode} style={`width: ${width}px;`}> + <div + id="wrapped" + class:light-theme={lightMode} + style={`width: ${width}px;`} + class:transparent={transparency} + > <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"> @@ -521,6 +526,10 @@ color: unset; } + .transparent .categories-grid { + background-color: transparent; + } + .light-theme .categories-grid { background-color: #edf1f5; } |