Update value.object.vue

This commit is contained in:
syuilo 2021-01-10 11:25:31 +09:00
parent 10c1e8161f
commit 0ff714d11e

View file

@ -1,8 +1,13 @@
<template> <template>
<div class="jhpkzgfz"> <div class="jhpkzgfz">
<div class="kv" v-for="kv in kvs" :key="kv[0]"> <div class="empty" v-if="kvs.length === 0">
<div class="k _monospace">{{ kv[0] }}</div> No fields
<XValue class="v" :value="kv[1]" :schemas="schemas"/> </div>
<div class="kvs" v-else>
<div class="kv" v-for="kv in kvs" :key="kv[0]">
<div class="k _monospace">{{ kv[0] }}</div>
<XValue class="v" :value="kv[1]" :schemas="schemas"/>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -48,23 +53,25 @@ export default defineComponent({
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
> .kv { > .kvs {
display: flex; > .kv {
display: flex;
&:not(:first-child) { &:not(:first-child) {
margin-top: 16px; margin-top: 16px;
padding-top: 16px; padding-top: 16px;
border-top: solid 1px var(--divider); border-top: solid 1px var(--divider);
} }
> .k { > .k {
font-weight: bold; font-weight: bold;
margin-right: 1em; margin-right: 1em;
min-width: 8em; min-width: 8em;
} }
> .v { > .v {
flex: 1; flex: 1;
}
} }
} }
} }