improve image lightbox sizes
This commit is contained in:
parent
af884c753c
commit
a1204de1aa
2 changed files with 2 additions and 5 deletions
|
@ -35,8 +35,3 @@
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox span img {
|
|
||||||
width: 75%;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue