From dd8d4ca5994f11360a9d65897f21f110544daf8b Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Sat, 21 May 2022 10:14:43 +0200
Subject: [PATCH] more previews

---
 src/components/artList.svelte  | 2 +-
 src/pages/[manga]/index.svelte | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/artList.svelte b/src/components/artList.svelte
index 9bb6c3a..b48a7a2 100644
--- a/src/components/artList.svelte
+++ b/src/components/artList.svelte
@@ -14,7 +14,7 @@
         Loading art
     {:then list}
         {#each list.data.sort((a, b) => a.attributes.volume - b.attributes.volume) as item}
-            <img on:click={() => selectedImage = `https://cors-anywhere.danbulant.workers.dev/?https://uploads.mangadex.org/covers/${mangaId}/${item.attributes.fileName}.512.jpg`} width=512 height=805 src="https://cors-anywhere.danbulant.workers.dev/?https://uploads.mangadex.org/covers/{mangaId}/{item.attributes.fileName}.512.jpg" alt="">
+            <img on:click={() => selectedImage = `https://cors-anywhere.danbulant.workers.dev/?https://uploads.mangadex.org/covers/${mangaId}/${item.attributes.fileName}.512.jpg`} width=512 height=805 src="https://cors-anywhere.danbulant.workers.dev/?https://uploads.mangadex.org/covers/{mangaId}/{item.attributes.fileName}.512.jpg" alt="" draggable={false}>
         {/each}
     {/await}
 </div>
diff --git a/src/pages/[manga]/index.svelte b/src/pages/[manga]/index.svelte
index 538c8be..e8abc9f 100644
--- a/src/pages/[manga]/index.svelte
+++ b/src/pages/[manga]/index.svelte
@@ -282,14 +282,13 @@ import ArtDialog from "../../components/artDialog.svelte";
 
 {#await anilistData then data}
     {#if data.bannerImage}
-        <img class="banner" src={data.bannerImage} alt="">
+        <img class="banner" src={data.bannerImage} on:click={() => selectedImage = data.bannerImage} alt="">
     {/if}
 {/await}
 
 <ArtDialog bind:selectedImage />
 
 <main>
-
     <h1>{title}</h1>
 
     <h3>
@@ -304,7 +303,7 @@ import ArtDialog from "../../components/artDialog.svelte";
 
     <div class="flex">
         {#if relationships.find(t => t.type === "cover_art")}
-            <img class="cover" draggable="false" src="https://cors-anywhere.danbulant.workers.dev/?https://uploads.mangadex.org/covers/{mangaId}/{relationships.find(t => t.type === "cover_art").attributes.fileName}.512.jpg" alt="">
+            <img class="cover" draggable="false" src="https://cors-anywhere.danbulant.workers.dev/?https://uploads.mangadex.org/covers/{mangaId}/{relationships.find(t => t.type === "cover_art").attributes.fileName}.512.jpg" alt="" on:click={() => selectedImage = `https://cors-anywhere.danbulant.workers.dev/?https://uploads.mangadex.org/covers/${mangaId}/${relationships.find(t => t.type === "cover_art").attributes.fileName}.512.jpg`}>
         {/if}
         <div class="info">
             {#if relationships.find(t => t.type === "author")}