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

Change video icon

pull/162/head
Varun Patil 2022-10-30 14:38:31 -07:00
parent 45facda00f
commit cd289ebef7
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -112,7 +112,7 @@ import UserConfig from "./mixins/UserConfig";
import ImageMultiple from "vue-material-design-icons/ImageMultiple.vue"; import ImageMultiple from "vue-material-design-icons/ImageMultiple.vue";
import FolderIcon from "vue-material-design-icons/Folder.vue"; import FolderIcon from "vue-material-design-icons/Folder.vue";
import Star from "vue-material-design-icons/Star.vue"; import Star from "vue-material-design-icons/Star.vue";
import Video from "vue-material-design-icons/Video.vue"; import Video from "vue-material-design-icons/PlayCircle.vue";
import AlbumIcon from "vue-material-design-icons/ImageAlbum.vue"; import AlbumIcon from "vue-material-design-icons/ImageAlbum.vue";
import ArchiveIcon from "vue-material-design-icons/PackageDown.vue"; import ArchiveIcon from "vue-material-design-icons/PackageDown.vue";
import CalendarIcon from "vue-material-design-icons/Calendar.vue"; import CalendarIcon from "vue-material-design-icons/Calendar.vue";

10
src/components/frame/Photo.vue
View File

@ -43,7 +43,7 @@
<script lang="ts"> <script lang="ts">
import Check from "vue-material-design-icons/Check.vue"; import Check from "vue-material-design-icons/Check.vue";
import Star from "vue-material-design-icons/Star.vue"; import Star from "vue-material-design-icons/Star.vue";
import Video from "vue-material-design-icons/Video.vue"; import Video from "vue-material-design-icons/PlayCircleOutline.vue";
import { Component, Emit, Mixins, Prop, Watch } from "vue-property-decorator"; import { Component, Emit, Mixins, Prop, Watch } from "vue-property-decorator";
import errorsvg from "../../assets/error.svg"; import errorsvg from "../../assets/error.svg";
import GlobalMixin from "../../mixins/GlobalMixin"; import GlobalMixin from "../../mixins/GlobalMixin";
@ -231,8 +231,8 @@ $icon-size: $icon-half-size * 2;
/* Extra icons */ /* Extra icons */
.check-icon.select { .check-icon.select {
position: absolute; position: absolute;
top: $icon-dist; top: $icon-dist + 2px;
left: $icon-dist; left: $icon-dist + 2px;
z-index: 100; z-index: 100;
background-color: var(--color-main-background); background-color: var(--color-main-background);
border-radius: 50%; border-radius: 50%;
@ -247,7 +247,7 @@ $icon-size: $icon-half-size * 2;
filter: invert(1); filter: invert(1);
} }
} }
.video-icon, .play-circle-outline-icon,
.star-icon { .star-icon {
position: absolute; position: absolute;
z-index: 100; z-index: 100;
@ -255,7 +255,7 @@ $icon-size: $icon-half-size * 2;
transition: transform 0.15s ease; transition: transform 0.15s ease;
filter: invert(1) brightness(100); filter: invert(1) brightness(100);
} }
.video-icon { .play-circle-outline-icon {
top: $icon-dist; top: $icon-dist;
right: $icon-dist; right: $icon-dist;
.p-outer.selected > & { .p-outer.selected > & {