diff options
Diffstat (limited to 'packages/client/src/components/debobigego/key-value-view.vue')
| -rw-r--r-- | packages/client/src/components/debobigego/key-value-view.vue | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/packages/client/src/components/debobigego/key-value-view.vue b/packages/client/src/components/debobigego/key-value-view.vue new file mode 100644 index 0000000000..0e034a2d54 --- /dev/null +++ b/packages/client/src/components/debobigego/key-value-view.vue @@ -0,0 +1,38 @@ +<template> +<div class="_debobigegoItem"> + <div class="_debobigegoPanel anocepby"> + <span class="key"><slot name="key"></slot></span> + <span class="value"><slot name="value"></slot></span> + </div> +</div> +</template> + +<script lang="ts"> +import { defineComponent } from 'vue'; +import './debobigego.scss'; + +export default defineComponent({ + +}); +</script> + +<style lang="scss" scoped> +.anocepby { + display: flex; + align-items: center; + padding: 14px var(--debobigegoContentHMargin); + + > .key { + margin-right: 12px; + white-space: nowrap; + } + + > .value { + margin-left: auto; + opacity: 0.7; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } +} +</style> |