RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

photo: fix overlay z-index 

Signed-off-by: Varun Patil <varunpatil@ucla.edu>
pull/504/head
Varun Patil 2023-03-15 16:59:11 -07:00
parent dd29e00eb0
commit 098d8da208
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/frame/Photo.vue
View File

@ -396,9 +396,9 @@ div.img-outer {
}
> img {
filter: contrast(1.05); // most real world images are a bit overexposed
background-clip: content-box;
object-fit: cover;
z-index: 1;
cursor: pointer;
background-color: var(--color-background-dark);
@ -418,6 +418,7 @@ div.img-outer {
> video {
pointer-events: none;
object-fit: cover;
z-index: 2;
}
> .overlay {
@ -425,6 +426,7 @@ div.img-outer {
position: absolute;
top: 0;
left: 0;
z-index: 3;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, transparent 30%);
display: none;