diff options
author | Jakob Röhrl <jakob.roehrl@web.de> | 2020-08-16 14:43:27 +0300 |
---|---|---|
committer | npmbuildbot[bot] <npmbuildbot[bot]@users.noreply.github.com> | 2020-08-19 14:11:58 +0300 |
commit | dbb6446ed36eb78a329e24c5b953558bbc555c76 (patch) | |
tree | a6283b59f36fd8b877783c83aec8d0c9939ba8c1 /src | |
parent | 6cd05142b14ac16f46262c3ed96778daa081db79 (diff) |
show if is's a pic or vid
Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
Signed-off-by: npmbuildbot[bot] <npmbuildbot[bot]@users.noreply.github.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/File.vue | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/src/components/File.vue b/src/components/File.vue index 9ecbe85f..0b301ec3 100644 --- a/src/components/File.vue +++ b/src/components/File.vue @@ -26,6 +26,7 @@ :href="davPath" :aria-label="ariaLabel" @click.prevent="openViewer"> + <div v-if="mime.includes('video') && hasPreview" class="icon-video-white" /> <!-- image and loading placeholder --> <transition name="fade"> <img v-show="loaded" @@ -132,6 +133,13 @@ export default { <style lang="scss" scoped> @import '../mixins/FileFolder.scss'; +.icon-video-white { + position: absolute; + top: 10px; + right: 10px; + z-index: 5; +} + img { position: absolute; width: 100%; |