aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/List/Anime')
-rw-r--r--src/lib/List/Anime/CleanAnimeList.svelte10
1 files changed, 6 insertions, 4 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 6d6f038d..58b8236f 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -17,6 +17,7 @@
import identity from '$stores/identity';
import Tooltip from '../../Tooltip/LinkedTooltip.svelte';
import '../covers.css';
+ import ParallaxImage from '$lib/Image/ParallaxImage.svelte';
export let media: Media[];
export let title: any;
@@ -101,12 +102,13 @@
target="_blank"
>
<span class="cover-container">
- <img
- class={`cover${
+ <ParallaxImage
+ source={anime.coverImage.extraLarge}
+ alternativeText="Cover"
+ limit={12.5}
+ classes={`cover${
anime.isAdult && $settings.displayBlurAdultContent ? ' adult' : ''
}`}
- src={anime.coverImage.extraLarge}
- alt="Cover"
/>
</span>
</a>