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

Revert icon marker size

pull/37/head
Varun Patil 2022-09-11 20:57:47 -07:00
parent 4ca6e3977c
commit 8dbfd387b0
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Photo.vue
View File

@ -232,9 +232,10 @@ export default {
to { transform: translateX(0); opacity: 1; } to { transform: translateX(0); opacity: 1; }
} }
/* Extra icons */
.icon-checkmark { .icon-checkmark {
position: absolute; position: absolute;
top: 10px; left: 10px; top: 5%; left: 5%;
z-index: 100; z-index: 100;
background-color: var(--color-main-background); background-color: var(--color-main-background);
border-radius: 50%; border-radius: 50%;
@ -246,20 +247,14 @@ export default {
.p-outer:hover & { opacity: 0.7; } .p-outer:hover & { opacity: 0.7; }
.selected & { opacity: 0.9; filter: invert(1); } .selected & { opacity: 0.9; filter: invert(1); }
} }
/* Extra icons */
.icon-video-white { .icon-video-white {
position: absolute; position: absolute;
background-size: 100%; top: 5%; right: 5%;
height: 20px; width: 20px;
top: 10px; right: 10px;
z-index: 100; z-index: 100;
} }
.icon-starred { .icon-starred {
position: absolute; position: absolute;
background-size: 100%; bottom: 5%; left: 5%;
height: 24px; width: 24px;
bottom: 10px; left: 10px;
z-index: 100; z-index: 100;
pointer-events: none; pointer-events: none;
} }