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.hasPreview > & {
.folder-icon { opacity: 1; } .folder-icon {
opacity: 1;
filter: invert(1) brightness(100);
}
.name { color: white; } .name { color: white; }
} }
.folder:hover > & > .folder-icon { opacity: 0.8; }
.folder.hasPreview:hover > & { opacity: 0; } .folder.hasPreview:hover > & { opacity: 0; }
> .folder-icon { > .folder-icon {
cursor: pointer; cursor: pointer;
height: 90%; width: 100%; height: 90%; width: 100%;
opacity: 0.3; 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"> <div class="photo" v-for="(photo, index) in item.photos" :key="index">
<Folder v-if="photo.flag & c.FLAG_IS_FOLDER" <Folder v-if="photo.flag & c.FLAG_IS_FOLDER"
:data="photo" :data="photo"
:rowHeight="rowHeight" /> :rowHeight="rowHeight"
:key="photo.fileid" />
<Photo v-else <Photo v-else
:data="photo" :data="photo"
:rowHeight="rowHeight" :rowHeight="rowHeight"
@ -1141,7 +1142,7 @@ export default class Timeline extends Mixins(GlobalMixin) {
.hover &, &.selected { .hover &, &.selected {
> .select { > .select {
display: flex; display: flex;
opacity: 0.5; opacity: 0.7;
} }
> .name { > .name {
margin-left: 25px; margin-left: 25px;