Fixed issue with image links covering all image wrapper area.

This commit is contained in:
Miguel Astor
2026-03-24 15:34:03 -04:00
parent 7cc7f04b80
commit f658106316
2 changed files with 4 additions and 5 deletions

View File

@@ -189,7 +189,6 @@ body {
/* Image view specific styles */ /* Image view specific styles */
.image-content { .image-content {
overflow: auto; overflow: auto;
padding: 18px;
flex: 1 1 auto; /* occupy available vertical space inside main-area */ flex: 1 1 auto; /* occupy available vertical space inside main-area */
display: flex; display: flex;
align-items: center; /* center the image vertically */ align-items: center; /* center the image vertically */

View File

@@ -164,12 +164,12 @@
<section class="gallery-scroll flex-grow-1 d-flex"> <section class="gallery-scroll flex-grow-1 d-flex">
<div class="image-content w-100"> <div class="image-content w-100">
<a href="{{ image_path }}" target="_blank">
<div class="image-wrapper"> <div class="image-wrapper">
<a href="{{ image_path }}" target="_blank">
<img src="{{ image_path }}" alt="{{ image_path.name }}" class="image-full"> <img src="{{ image_path }}" alt="{{ image_path.name }}" class="image-full">
</div>
</a> </a>
</div> </div>
</div>
</section> </section>
</main> </main>
</div> </div>