31 lines
610 B
Vue
31 lines
610 B
Vue
<script setup>
|
|
let props = defineProps(["df"]);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="control editable">
|
|
<div class="field-controls">
|
|
<slot name="label" />
|
|
<slot name="actions" />
|
|
</div>
|
|
<div class="signature-field"></div>
|
|
<div v-if="df.description" class="mt-2 description" v-html="df.description"></div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.signature-field {
|
|
border-radius: var(--border-radius);
|
|
height: 200px;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
&::before {
|
|
content: "";
|
|
background-color: var(--gray-500);
|
|
width: 70%;
|
|
height: 2px;
|
|
margin-top: 150px;
|
|
}
|
|
}
|
|
</style>
|