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

Use classes for icons

pull/37/head
Varun Patil 2022-08-20 09:00:39 +00:00
parent 2242d2b4d9
commit ba57b6456f
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/memories-main.js
View File

File diff suppressed because one or more lines are too long

2
js/memories-main.js.map
View File

File diff suppressed because one or more lines are too long

7
src/components/Folder.vue
View File

@ -9,7 +9,10 @@
height: rowHeight + 'px',
}">
<div class="big-icon">
<div class="icon-folder"></div>
<div class="icon-folder" v-bind:class="{
'icon-dark': previewFileInfos.length === 0,
'icon-white': previewFileInfos.length > 0,
}"></div>
<div class="name">{{ data.name }}</div>
</div>
@ -101,7 +104,6 @@ export default {
opacity: 0.3;
background-size: 40%;
background-position: bottom;
background-image: var(--icon-folder-000);
}
.big-icon {
cursor: pointer;
@ -113,7 +115,6 @@ export default {
}
.folder.hasPreview .big-icon .icon-folder {
opacity: 1;
background-image: var(--icon-folder-fff);
}
.folder.hasPreview .big-icon .name {
color: white;