Fix margin on link block in my activities
This commit is contained in:
parent
de5882f644
commit
a76b27bf0b
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue