wip

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>
 </template>
 
 <script lang="ts">
@@ -22,16 +20,12 @@ export default Vue.extend({
 
 <style lang="stylus" scoped>
 .mk-images-image
-	display block
-	overflow hidden
-	border-radius 4px
-
-	> a
 	display block
 	overflow hidden
 	width 100%
 	height 100%
 	background-position center
 	background-size cover
+	border-radius 4px
 
 </style>

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);