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