Update value.object.vue
This commit is contained in:
parent
10c1e8161f
commit
0ff714d11e
1 changed files with 24 additions and 17 deletions
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue