vue-intergrall-plugins 0.0.191 → 0.0.192

package/dist/vue-intergrall-plugins.ssr.js

@@ -11281,7 +11281,7 @@ var __vue_render__$4 = function __vue_render__() {
 
   return _vm.linkPreview.isValid ? _c('div', {
     staticClass: "link-preview"
-  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-718e1ebf><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-718e1ebf></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-718e1ebf>" + (_vm.linkPreview.description ? "<p data-v-718e1ebf>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
+  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-071e3510><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-071e3510></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-071e3510>" + (_vm.linkPreview.description ? "<p data-v-071e3510>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
 };
 
 var __vue_staticRenderFns__$4 = [];
@@ -11289,8 +11289,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-718e1ebf_0", {
-    source: ".link-preview[data-v-718e1ebf]{display:flex;flex-direction:column}.link-preview-image[data-v-718e1ebf]{display:flex;justify-content:center;align-items:center;padding:10px}.link-preview-image img[data-v-718e1ebf]{max-width:250px}.link-preview-infos[data-v-718e1ebf]{background-color:rgba(0,0,0,.1);padding:10px;font-size:.8rem}",
+  inject("data-v-071e3510_0", {
+    source: ".link-preview[data-v-071e3510]{display:flex;flex-direction:column;background-color:#eee;color:#333}.link-preview-image[data-v-071e3510]{display:flex;justify-content:center;align-items:center;padding:10px}.link-preview-image img[data-v-071e3510]{min-width:100px;max-width:200px}.link-preview-infos[data-v-071e3510]{background-color:rgba(38,38%,38%,10%);padding:5px;margin:5px;font-size:.8rem}",
     map: undefined,
     media: undefined
   });
@@ -11298,10 +11298,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-718e1ebf";
+var __vue_scope_id__$4 = "data-v-071e3510";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-718e1ebf";
+var __vue_module_identifier__$4 = "data-v-071e3510";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.191",
+  "version": "0.0.192",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Messages/LinkPreview.vue

@@ -78,6 +78,8 @@ export default {
   .link-preview {
     display: flex;
     flex-direction: column;
+    background-color: #EEE;
+    color: #333;
   }
 
   .link-preview-image {
@@ -88,12 +90,14 @@ export default {
   }
 
   .link-preview-image img {
-    max-width: 250px;
+    min-width: 100px;
+    max-width: 200px;
   }
 
   .link-preview-infos {
-    background-color: rgba(0, 0, 0, .1);
-    padding: 10px;
+    background-color: rgba(38, 38, 38, 10%);
+    padding: 5px;
+    margin: 5px;
     font-size: .8rem;
   }
 </style>