mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-12 05:17:28 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix up spacing

Browse source
This commit is contained in:
Mutasem 2021-07-02 11:22:02 +02:00
parent 8b1af08c40
commit 750188def9
1 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
packages/editor-ui/src/components/VersionCard.vue
View file

@ -1,15 +1,17 @@
<template> <template>
<a :href="version.documentationUrl" target="_blank" :class="$style.card"> <a :href="version.documentationUrl" target="_blank" :class="$style.card">
<div :class="$style.header"> <div :class="$style.header">
<div :class="$style.name"> <div>
Version {{version.name}} <div :class="$style.name">
Version {{version.name}}
</div>
<el-tooltip class="item" effect="light" content=" " placement="top" v-if="version.hasSecurityIssue">
<div slot="content">This version has a security issue.<br/>It is listed here for completeness.</div>
<font-awesome-icon :class="$style['security-flag']" icon="exclamation-triangle"></font-awesome-icon>
</el-tooltip>
<el-tag type="danger" v-if="version.hasSecurityFix" size="small" :class="$style['security-update']">Security Update</el-tag>
<el-tag v-if="version.hasBreakingChange" size="small" :class="$style['breaking-change']">Breaking Change</el-tag>
</div> </div>
<el-tooltip class="item" effect="light" content=" " placement="top" v-if="version.hasSecurityIssue">
<div slot="content">This version has a security issue.<br/>It is listed here for completeness.</div>
<font-awesome-icon :class="$style['security-flag']" icon="exclamation-triangle"></font-awesome-icon>
</el-tooltip>
<el-tag type="danger" v-if="version.hasSecurityFix" size="small" :class="$style['security-update']">Security Update</el-tag>
<el-tag v-if="version.hasBreakingChange" size="small" :class="$style['breaking-change']">Breaking Change</el-tag>
<div :class="$style.released"> <div :class="$style.released">
Released {{releaseDate}} Released {{releaseDate}}
</div> </div>
@ -63,9 +65,17 @@ export default Vue.extend({
padding-bottom: 10px; padding-bottom: 10px;
> * { > * {
margin-right: 5px; display: flex;
margin-bottom: 5px; margin-bottom: 5px;
} }
> div:first-child {
flex-grow: 1;
> * {
margin-right: 5px;
}
}
} }
.name { .name {
@ -83,11 +93,9 @@ export default Vue.extend({
} }
.released { .released {
flex-grow: 1;
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
color: #909399; color: #909399;
text-align: right;
} }
.nodes { .nodes {