Fix margin on link block in my activities

This commit is contained in:
Ramon Wenger 2019-12-19 11:37:31 +01:00
parent de5882f644
commit a76b27bf0b
2 changed files with 12 additions and 3 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="link-block">
<div class="link-block" :class="{ 'link-block--no-margin': noMargin}">
<link-icon class="link-block__icon"></link-icon>
<a :href="href" class="link-block__link" target="_blank">{{value.text}}</a>
</div>
@ -9,7 +9,12 @@
import LinkIcon from '@/components/icons/LinkIcon';
export default {
props: ['value'],
props: {
value: Object,
'no-margin': {
default: false
}
},
components: {
LinkIcon
@ -31,6 +36,10 @@
grid-template-columns: 50px 1fr;
align-items: center;
&--no-margin {
margin-bottom: 0;
}
&__icon {
width: 30px;
height: 30px;

View File

@ -2,7 +2,7 @@
<div class="content-bookmark module-activity-entry">
<div v-html="text" v-if="content.type === 'text_block'"></div>
<div v-else-if="content.type === 'link_block'">
<link-block :value="content.value"></link-block>
<link-block :value="content.value" :no-margin="true"></link-block>
</div>
<p v-else>
{{type}}