aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Manga
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/List/Manga')
-rw-r--r--src/lib/List/Manga/CleanMangaList.svelte10
1 files changed, 6 insertions, 4 deletions
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index 8d76931e..384ec706 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -15,6 +15,7 @@
import Tooltip from '../../Tooltip/LinkedTooltip.svelte';
import '../covers.css';
import { mediaTitle } from '../mediaTitle';
+ import ParallaxImage from '$lib/Image/ParallaxImage.svelte';
export let media: Media[];
export let cleanCache: () => void;
@@ -120,12 +121,13 @@
target="_blank"
>
<span class="cover-container">
- <img
- class={`cover${
+ <ParallaxImage
+ source={manga.coverImage.extraLarge}
+ alternativeText="Cover"
+ limit={12.5}
+ classes={`cover${
manga.isAdult && $settings.displayBlurAdultContent ? ' adult' : ''
}`}
- src={manga.coverImage.extraLarge}
- alt="Cover"
/>
</span>
</a>