mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

address badge styling

Browse source
This commit is contained in:
Mutasem 2021-07-07 15:33:26 +02:00
parent 55c6bdab25
commit 2204d43037
1 changed files with 16 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -9,8 +9,8 @@
<div slot="content">This version has a security issue.<br/>It is listed here for completeness.</div> <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> <font-awesome-icon :class="$style['security-flag']" icon="exclamation-triangle"></font-awesome-icon>
</el-tooltip> </el-tooltip>
<el-tag type="danger" v-if="version.hasSecurityFix" size="small" :class="$style['security-update']">Security update</el-tag> <el-tag type="danger" v-if="version.hasSecurityFix" size="small" :class="`${$style['security-update']} ${$style['badge']}`">Security update</el-tag>
<el-tag v-if="version.hasBreakingChange" size="small" :class="$style['breaking-change']">Breaking changes</el-tag> <el-tag v-if="version.hasBreakingChange" size="small" :class="`${$style['breaking-change']} ${$style['badge']}`">Breaking changes</el-tag>
</div> </div>
<div :class="$style.released"> <div :class="$style.released">
Released {{releaseDate}} Released {{releaseDate}}
@ -114,21 +114,26 @@ export default Vue.extend({
} }
} }
.security-update { .badge {
line-height: 18px;
max-height: 18px;
}
.breaking-change {
background-color: rgba(255, 229, 100, 0.3);
color: #6B5900;
border: none;
font-size: 11px; font-size: 11px;
line-height: 18px; line-height: 18px;
max-height: 18px; max-height: 18px;
font-weight: 400; font-weight: 400;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 2px 4px;
}
.security-update {
color: #f45959;
background-color: #fef0f0;
border-color: #fde2e2;
}
.breaking-change {
background-color: rgba(255, 229, 100, 0.3);
color: #6B5900;
border: none;
} }
.security-flag { .security-flag {