clients/phobos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

chore: darken lightbox

Browse source
This commit is contained in:
Lio 2025-08-20 12:26:19 +02:00
parent 1d88c03bc7
commit acc9df2e16
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Lightbox.astro
View file

@ -1,6 +1,6 @@
<figure class="place-content-center app-lightbox backdrop-blur-md"> <figure class="place-content-center app-lightbox backdrop-blur-md">
<img class="portal" /> <img class="portal" />
<figcaption class="desc rounded font-bold backdrop-blur-sm"></figcaption> <figcaption class="desc rounded font-bold backdrop-blur-sm bg-black/50"></figcaption>
</figure> </figure>
<script> <script>
@ -61,7 +61,7 @@
cursor: zoom-out; cursor: zoom-out;
background-color: var(--bg-color, hsla(0, 0%, 0%, 0.623)); background-color: var(--bg-color, hsla(0, 0%, 0%, 0.623));
opacity: 0; opacity: 0;
transition: opacity 0.35s; transition: opacity ease-in-out 0.35s;
&.is-active { &.is-active {
pointer-events: initial; pointer-events: initial;
@ -83,7 +83,7 @@
transition: transition:
opacity 0.35s, opacity 0.35s,
transform 0.35s; transform 0.35s;
transform: scale(0.2); transform: scale(0.5);
:global(img) { :global(img) {
width: 100%; width: 100%;