diff options
| author | Fuwn <[email protected]> | 2024-04-17 19:56:22 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-17 19:56:22 -0700 |
| commit | 7dd38a4461e415029c4d2d6af42d91d79c69db85 (patch) | |
| tree | 1cda760e84fd59ef67a3bbd7d52e36283618b68c /src/lib/List | |
| parent | feat(settings): default manga cover mode (diff) | |
| download | due.moe-7dd38a4461e415029c4d2d6af42d91d79c69db85.tar.xz due.moe-7dd38a4461e415029c4d2d6af42d91d79c69db85.zip | |
feat(list): blur nsfw media covers setting
Diffstat (limited to 'src/lib/List')
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 10 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 10 | ||||
| -rw-r--r-- | src/lib/List/covers.css | 18 |
3 files changed, 36 insertions, 2 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index eda46d28..5f2281cf 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -100,7 +100,15 @@ href={outboundLink(anime, 'anime', $settings.displayOutboundLinksTo)} target="_blank" > - <img class="cover" src={anime.coverImage.extraLarge} alt="Cover" /> + <span class="cover-container"> + <img + class={`cover${ + anime.isAdult && $settings.displayBlurAdultContent ? ' adult' : '' + }`} + src={anime.coverImage.extraLarge} + alt="Cover" + /> + </span> </a> <div class="cover-title"> diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte index 9ac3f8c6..c465ff0a 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -119,7 +119,15 @@ href={outboundLink(manga, 'manga', $settings.displayOutboundLinksTo)} target="_blank" > - <img class="cover" src={manga.coverImage.extraLarge} alt="Cover" /> + <span class="cover-container"> + <img + class={`cover${ + manga.isAdult && $settings.displayBlurAdultContent ? ' adult' : '' + }`} + src={manga.coverImage.extraLarge} + alt="Cover" + /> + </span> </a> <div class="cover-title"> diff --git a/src/lib/List/covers.css b/src/lib/List/covers.css index 2ecdcf02..319d5782 100644 --- a/src/lib/List/covers.css +++ b/src/lib/List/covers.css @@ -46,3 +46,21 @@ white-space: nowrap; float: right; } + +.adult { + filter: blur(10px) grayscale(50%) brightness(0.5); + transition: filter 0.3s ease; +} + +.adult:hover { + filter: blur(0) !important; + transition: filter 0.3s ease; +} + +.cover-container { + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + border-radius: 8px; +} |