From 9f3ad7d526021ed9c5793846054b4e4b15268930 Mon Sep 17 00:00:00 2001
From: inhji <johnnie@posteo.de>
Date: Thu, 9 Mar 2023 09:16:00 +0100
Subject: [PATCH] =?UTF-8?q?=E2=80=9Elib/chiya=5Fweb/live/note=5Fshow=5Fliv?=
 =?UTF-8?q?e.ex=E2=80=9C=20=C3=A4ndern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/chiya_web/live/note_show_live.ex | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/chiya_web/live/note_show_live.ex b/lib/chiya_web/live/note_show_live.ex
index 1aba88e..c2dbdf7 100644
--- a/lib/chiya_web/live/note_show_live.ex
+++ b/lib/chiya_web/live/note_show_live.ex
@@ -30,11 +30,15 @@ defmodule ChiyaWeb.NoteShowLive do
     <div class="flex flex-wrap gap-3">
       <%= for image <- @note.images do %>
         <article>
-          <a href={Chiya.Uploaders.NoteImage.url({image.path, image}, :full_dithered)}><img
+          <a href="#image-<%= image.id %>"><img
             class="rounded-lg w-28 "
             src={Chiya.Uploaders.NoteImage.url({image.path, image}, :thumb_dithered)}
           /></a>
           <p class="text-center text-xs text-zinc-700"><a href="">Delete image</a></p>
+
+          <a href="#" class="lightbox" id="image-<%= image.id %>">
+            <span style="background-image: url('<%= Chiya.Uploaders.NoteImage.url({image.path, image}, :full_dithered) %>')"></span>
+          </a>
         </article>
       <% end %>
     </div>