diff options
Diffstat (limited to 'src/client/app/common')
| -rw-r--r-- | src/client/app/common/views/components/drive-file-thumbnail.vue | 42 |
1 files changed, 26 insertions, 16 deletions
diff --git a/src/client/app/common/views/components/drive-file-thumbnail.vue b/src/client/app/common/views/components/drive-file-thumbnail.vue index b5a8249bfa..faa727f3b6 100644 --- a/src/client/app/common/views/components/drive-file-thumbnail.vue +++ b/src/client/app/common/views/components/drive-file-thumbnail.vue @@ -4,6 +4,7 @@ :src="file.url" :alt="file.name" :title="file.name" + @load="onThumbnailLoaded" v-if="detail && is === 'image'"/> <video :src="file.url" @@ -146,21 +147,6 @@ export default Vue.extend({ > .icon pointer-events none - > img - height 100% - width 100% - margin auto - object-fit cover - - > .icon - height 65% - width 65% - margin auto - - > video, - > audio - width 100% - > .icon-sub position absolute width 30% @@ -169,9 +155,33 @@ export default Vue.extend({ right 4% bottom 4% + > * + margin auto + + &:not(.detail) + > img + height 100% + width 100% + object-fit cover + + > .icon + height 65% + width 65% + + > video, + > audio + width 100% + &.detail > .icon height 100px - margin 16px auto + width 100px + margin 16px + + > *:not(.icon) + max-height 300px + max-width 100% + height 100% + object-fit contain </style> |