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

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

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