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

Minor css fixes

pull/62/head
Varun Patil 2022-09-15 20:29:27 -07:00
parent b0ff20336a
commit 63c7d93198
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Folder.vue
View File

@ -131,16 +131,19 @@ export default class Folder extends Mixins(GlobalMixin) {
}
.folder.hasPreview > & {
.folder-icon { opacity: 1; }
.folder-icon {
opacity: 1;
filter: invert(1) brightness(100);
}
.name { color: white; }
}
.folder:hover > & > .folder-icon { opacity: 0.8; }
.folder.hasPreview:hover > & { opacity: 0; }
> .folder-icon {
cursor: pointer;
height: 90%; width: 100%;
opacity: 0.3;
filter: invert(1) brightness(100);
}
}

5
src/components/Timeline.vue
View File

@ -35,7 +35,8 @@
<div class="photo" v-for="(photo, index) in item.photos" :key="index">
<Folder v-if="photo.flag & c.FLAG_IS_FOLDER"
:data="photo"
:rowHeight="rowHeight" />
:rowHeight="rowHeight"
:key="photo.fileid" />
<Photo v-else
:data="photo"
:rowHeight="rowHeight"
@ -1141,7 +1142,7 @@ export default class Timeline extends Mixins(GlobalMixin) {
.hover &, &.selected {
> .select {
display: flex;
opacity: 0.5;
opacity: 0.7;
}
> .name {
margin-left: 25px;