diff options
Diffstat (limited to 'src/web/app/mobile/views/components/media-image.vue')
| -rw-r--r-- | src/web/app/mobile/views/components/media-image.vue | 31 |
1 files changed, 0 insertions, 31 deletions
diff --git a/src/web/app/mobile/views/components/media-image.vue b/src/web/app/mobile/views/components/media-image.vue deleted file mode 100644 index faf8bad48a..0000000000 --- a/src/web/app/mobile/views/components/media-image.vue +++ /dev/null @@ -1,31 +0,0 @@ -<template> -<a class="mk-media-image" :href="image.url" target="_blank" :style="style" :title="image.name"></a> -</template> - -<script lang="ts"> -import Vue from 'vue'; - -export default Vue.extend({ - props: ['image'], - computed: { - style(): any { - return { - 'background-color': this.image.properties.average_color ? `rgb(${this.image.properties.average_color.join(',')})` : 'transparent', - 'background-image': `url(${this.image.url}?thumbnail&size=512)` - }; - } - } -}); -</script> - -<style lang="stylus" scoped> -.mk-media-image - display block - overflow hidden - width 100% - height 100% - background-position center - background-size cover - border-radius 4px - -</style> |