fix up spacing

This commit is contained in:
Mutasem 2021-07-02 11:22:02 +02:00
parent 8b1af08c40
commit 750188def9

View file

@ -1,6 +1,7 @@
<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>
<div :class="$style.name"> <div :class="$style.name">
Version {{version.name}} Version {{version.name}}
</div> </div>
@ -10,6 +11,7 @@
</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']">Security Update</el-tag>
<el-tag v-if="version.hasBreakingChange" size="small" :class="$style['breaking-change']">Breaking Change</el-tag> <el-tag v-if="version.hasBreakingChange" size="small" :class="$style['breaking-change']">Breaking Change</el-tag>
</div>
<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 {