summaryrefslogtreecommitdiff
path: root/src/web/app
diff options
context:
space:
mode:
Diffstat (limited to 'src/web/app')
-rw-r--r--src/web/app/mobile/views/components/images-image.vue16
-rw-r--r--src/web/app/mobile/views/components/index.ts2
2 files changed, 7 insertions, 11 deletions
diff --git a/src/web/app/mobile/views/components/images-image.vue b/src/web/app/mobile/views/components/images-image.vue
index e89923492d..6bc1dc0aee 100644
--- a/src/web/app/mobile/views/components/images-image.vue
+++ b/src/web/app/mobile/views/components/images-image.vue
@@ -1,7 +1,5 @@
<template>
-<div>
- <a class="mk-images-image" :href="image.url" target="_blank" :style="style" :title="image.name"></a>
-</div>
+<a class="mk-images-image" :href="image.url" target="_blank" :style="style" :title="image.name"></a>
</template>
<script lang="ts">
@@ -24,14 +22,10 @@ export default Vue.extend({
.mk-images-image
display block
overflow hidden
+ width 100%
+ height 100%
+ background-position center
+ background-size cover
border-radius 4px
- > a
- display block
- overflow hidden
- width 100%
- height 100%
- background-position center
- background-size cover
-
</style>
diff --git a/src/web/app/mobile/views/components/index.ts b/src/web/app/mobile/views/components/index.ts
index 8462cdb3eb..c90275d686 100644
--- a/src/web/app/mobile/views/components/index.ts
+++ b/src/web/app/mobile/views/components/index.ts
@@ -4,8 +4,10 @@ import ui from './ui.vue';
import home from './home.vue';
import timeline from './timeline.vue';
import posts from './posts.vue';
+import imagesImage from './images-image.vue';
Vue.component('mk-ui', ui);
Vue.component('mk-home', home);
Vue.component('mk-timeline', timeline);
Vue.component('mk-posts', posts);
+Vue.component('mk-images-image', imagesImage);