Fix link block image

This commit is contained in:
KingOfDog 2020-08-24 22:23:33 +02:00
parent 539421bcd3
commit 2684c5d58d
8 changed files with 19 additions and 19 deletions

View File

@ -2526,12 +2526,12 @@ var ImageBlock_component = normalizeComponent(
) )
/* harmony default export */ var ImageBlock = (ImageBlock_component.exports); /* harmony default export */ var ImageBlock = (ImageBlock_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=78b1abb7& // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
var LinkBlockvue_type_template_id_78b1abb7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: _vm.data.meta.image.url })})])])} var LinkBlockvue_type_template_id_92561c0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: ("url(" + (_vm.data.meta.image.url)) })})])])}
var LinkBlockvue_type_template_id_78b1abb7_staticRenderFns = [] var LinkBlockvue_type_template_id_92561c0c_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=78b1abb7& // CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f"); var es_regexp_exec = __webpack_require__("ac1f");
@ -2584,8 +2584,8 @@ var es_string_link = __webpack_require__("9911");
var LinkBlock_component = normalizeComponent( var LinkBlock_component = normalizeComponent(
components_LinkBlockvue_type_script_lang_js_, components_LinkBlockvue_type_script_lang_js_,
LinkBlockvue_type_template_id_78b1abb7_render, LinkBlockvue_type_template_id_92561c0c_render,
LinkBlockvue_type_template_id_78b1abb7_staticRenderFns, LinkBlockvue_type_template_id_92561c0c_staticRenderFns,
false, false,
null, null,
null, null,

File diff suppressed because one or more lines are too long

View File

@ -2535,12 +2535,12 @@ var ImageBlock_component = normalizeComponent(
) )
/* harmony default export */ var ImageBlock = (ImageBlock_component.exports); /* harmony default export */ var ImageBlock = (ImageBlock_component.exports);
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=78b1abb7& // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b6a10a42-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
var LinkBlockvue_type_template_id_78b1abb7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: _vm.data.meta.image.url })})])])} var LinkBlockvue_type_template_id_92561c0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"link-block"},[_c('a',{staticClass:"link-block-href",attrs:{"href":_vm.data.link}},[_c('div',{staticClass:"link-block-meta"},[_c('div',{staticClass:"link-block-title"},[_vm._v(_vm._s(_vm.data.meta.title))]),_c('p',{staticClass:"link-block-description"},[_vm._v(_vm._s(_vm.data.meta.description))]),_c('div',{staticClass:"link-block-anchor"},[_vm._v(_vm._s(_vm.domain))])]),_c('div',{staticClass:"link-block-image",style:({ backgroundImage: ("url(" + (_vm.data.meta.image.url)) })})])])}
var LinkBlockvue_type_template_id_78b1abb7_staticRenderFns = [] var LinkBlockvue_type_template_id_92561c0c_staticRenderFns = []
// CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=78b1abb7& // CONCATENATED MODULE: ./src/components/LinkBlock.vue?vue&type=template&id=92561c0c&
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js // EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
var es_regexp_exec = __webpack_require__("ac1f"); var es_regexp_exec = __webpack_require__("ac1f");
@ -2593,8 +2593,8 @@ var es_string_link = __webpack_require__("9911");
var LinkBlock_component = normalizeComponent( var LinkBlock_component = normalizeComponent(
components_LinkBlockvue_type_script_lang_js_, components_LinkBlockvue_type_script_lang_js_,
LinkBlockvue_type_template_id_78b1abb7_render, LinkBlockvue_type_template_id_92561c0c_render,
LinkBlockvue_type_template_id_78b1abb7_staticRenderFns, LinkBlockvue_type_template_id_92561c0c_staticRenderFns,
false, false,
null, null,
null, null,

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
{ {
"name": "block-renderer", "name": "block-renderer",
"description": "Content renderer for JSON blocks from Editor.js", "description": "Content renderer for JSON blocks from Editor.js",
"version": "0.1.9", "version": "0.1.10",
"author": "KingOfDog <info@kingofdog.de>", "author": "KingOfDog <info@kingofdog.de>",
"repository": { "repository": {
"type": "git", "type": "git",

View File

@ -1,13 +1,13 @@
<template> <template>
<div class="link-block"> <div class="link-block">
<a :href="data.link" class="link-block-href"> <a :href="data.link" target="_blank" class="link-block-href">
<div class="link-block-meta"> <div class="link-block-meta">
<div class="link-block-title">{{ data.meta.title }}</div> <div class="link-block-title">{{ data.meta.title }}</div>
<p class="link-block-description">{{ data.meta.description }}</p> <p class="link-block-description">{{ data.meta.description }}</p>
<div class="link-block-anchor">{{ domain }}</div> <div class="link-block-anchor">{{ domain }}</div>
</div> </div>
<div class="link-block-image" :style="{ backgroundImage: data.meta.image.url }"></div> <div class="link-block-image" :style="{ backgroundImage: `url(${data.meta.image.url}` }"></div>
</a> </a>
</div> </div>
</template> </template>