inhji/chiya
inhji/chiya
1
1
Fork 0
Code Issues 8 Pull requests 9 Activity

improve image lightbox sizes

Browse source
This commit is contained in:
Inhji 2023-04-01 12:28:12 +02:00
parent af884c753c
commit a1204de1aa
2 changed files with 2 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/css/lightbox.css
View file

@ -35,8 +35,3 @@
background-size: contain; background-size: contain;
} }
.lightbox span img {
width: 75%;
margin: 0 auto;
}

2
lib/chiya_web/controllers/page_html/note.html.heex
View file

@ -28,9 +28,11 @@
<a href="#images" class="lightbox" id={"image-#{image.id}"}> <a href="#images" class="lightbox" id={"image-#{image.id}"}>
<span> <span>
<img <img
class="md:max-w-screen-sm lg:max-w-screen-md xl:max-w-screen-lg max-h-screen mx-auto"
src={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :full_dithered)} src={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :full_dithered)}
loading="lazy" loading="lazy"
/> />
<span class="text-theme-background text-center"><%= image.content %></span>
</span> </span>
</a> </a>
</article> </article>