chore: darken lightbox
This commit is contained in:
parent
1d88c03bc7
commit
acc9df2e16
1 changed files with 3 additions and 3 deletions
|
@ -1,6 +1,6 @@
|
|||
<figure class="place-content-center app-lightbox backdrop-blur-md">
|
||||
<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>
|
||||
|
||||
<script>
|
||||
|
@ -61,7 +61,7 @@
|
|||
cursor: zoom-out;
|
||||
background-color: var(--bg-color, hsla(0, 0%, 0%, 0.623));
|
||||
opacity: 0;
|
||||
transition: opacity 0.35s;
|
||||
transition: opacity ease-in-out 0.35s;
|
||||
|
||||
&.is-active {
|
||||
pointer-events: initial;
|
||||
|
@ -83,7 +83,7 @@
|
|||
transition:
|
||||
opacity 0.35s,
|
||||
transform 0.35s;
|
||||
transform: scale(0.2);
|
||||
transform: scale(0.5);
|
||||
|
||||
:global(img) {
|
||||
width: 100%;
|
||||
|
|
Loading…
Add table
Reference in a new issue