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

Add object-fit to tag and folder (#72)

old-stable24
Varun Patil 2022-10-18 07:49:06 -07:00
parent 630afbfc6a
commit 44dbadf7f0
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/frame/Folder.vue
View File

@ -183,6 +183,7 @@ export default class Folder extends Mixins(GlobalMixin) {
} }
> img { > img {
object-fit: cover;
padding: 0; padding: 0;
filter: brightness(50%); filter: brightness(50%);
transition: filter 0.2s ease-in-out; transition: filter 0.2s ease-in-out;

3
src/components/frame/Tag.vue
View File

@ -13,6 +13,7 @@
<div class="previews fill-block" ref="previews"> <div class="previews fill-block" ref="previews">
<div class="img-outer" v-for="info of previews" :key="info.fileid"> <div class="img-outer" v-for="info of previews" :key="info.fileid">
<img <img
class="fill-block"
:class="{ 'error': info.flag & c.FLAG_LOAD_FAIL }" :class="{ 'error': info.flag & c.FLAG_LOAD_FAIL }"
:key="'fpreview-' + info.fileid" :key="'fpreview-' + info.fileid"
:src="getPreviewUrl(info.fileid, info.etag)" :src="getPreviewUrl(info.fileid, info.etag)"
@ -166,7 +167,7 @@ export default class Tag extends Mixins(GlobalMixin) {
} }
> img { > img {
width: 100%; object-fit: cover;
padding: 0; padding: 0;
filter: brightness(60%); filter: brightness(60%);
cursor: pointer; cursor: pointer;