ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/components/content-blocks/LinkBlock.vue
View File

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

2
client/src/components/profile/ContentBookmark.vue
View File

@ -2,7 +2,7 @@
<div class="content-bookmark module-activity-entry"> <div class="content-bookmark module-activity-entry">
<div v-html="text" v-if="content.type === 'text_block'"></div> <div v-html="text" v-if="content.type === 'text_block'"></div>
<div v-else-if="content.type === 'link_block'"> <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> </div>
<p v-else> <p v-else>
{{type}} {{type}}