code/alexdaniels.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix open photo position

Browse source
This commit is contained in:
Alex 2026-06-10 11:45:32 -07:00
parent eb6f3f08ed
commit 9cab7a69f7
3 changed files with 54 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/styles/main.css
View file

File diff suppressed because one or more lines are too long

19
assets/styles/scss/front/_photos.scss
View file

@ -133,11 +133,20 @@
#open-image { #open-image {
display: none; display: none;
position: fixed; position: absolute;
top: 2rem; top: 0;
left: 50%; left: 0;
transform: translateX(-50%);
z-index: 999; z-index: 999;
width: 100%;
height: 100vh;
.wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 75%;
height: 75%;
.close { .close {
cursor: pointer; cursor: pointer;
@ -174,7 +183,9 @@
} }
} }
}
&.open { &.open {
display: block; display: block;
} }
} }

2
templates/front/photos/detail.html.twig
View file

@ -33,6 +33,7 @@
</ul> </ul>
</article> </article>
<div id="open-image"> <div id="open-image">
<div class="wrapper">
<span class="close">X</span> <span class="close">X</span>
<img src="" alt="" id="image"> <img src="" alt="" id="image">
<div id="details"> <div id="details">
@ -42,4 +43,5 @@
<p id="equipment"></p> <p id="equipment"></p>
</div> </div>
</div> </div>
</div>
{% endblock body %} {% endblock body %}