diff options
Diffstat (limited to 'packages/client/src/components/form/slot.vue')
| -rw-r--r-- | packages/client/src/components/form/slot.vue | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/packages/client/src/components/form/slot.vue b/packages/client/src/components/form/slot.vue new file mode 100644 index 0000000000..8580c1307d --- /dev/null +++ b/packages/client/src/components/form/slot.vue @@ -0,0 +1,50 @@ +<template> +<div class="adhpbeou"> + <div class="label" @click="focus"><slot name="label"></slot></div> + <div class="content"> + <slot></slot> + </div> + <div class="caption"><slot name="caption"></slot></div> +</div> +</template> + +<script lang="ts"> +import { defineComponent } from 'vue'; + +export default defineComponent({ + +}); +</script> + +<style lang="scss" scoped> +.adhpbeou { + margin: 1.5em 0; + + > .label { + font-size: 0.85em; + padding: 0 0 8px 12px; + user-select: none; + + &:empty { + display: none; + } + } + + > .caption { + font-size: 0.8em; + padding: 8px 0 0 12px; + color: var(--fgTransparentWeak); + + &:empty { + display: none; + } + } + + > .content { + position: relative; + background: var(--panel); + border: solid 0.5px var(--inputBorder); + border-radius: 6px; + } +} +</style> |