n8n/packages/editor-ui/src/components/TemplateDetailsBlock.vue
Alex Grozav 9c94050deb
feat: Replace Vue.extend with defineComponent in editor-ui (no-changelog) (#6033)
* refactor: replace Vue.extend with defineComponent in editor-ui

* fix: change $externalHooks extractions from mixins

* fix: refactor externalHooks mixin
2023-04-21 18:51:08 +03:00

39 lines
639 B
Vue

<template>
<div :class="$style.block">
<div :class="$style.header">
<n8n-heading tag="h3" size="small" color="text-base">{{ title }}</n8n-heading>
</div>
<div :class="$style.content">
<slot></slot>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'TemplateDetailsBlock',
props: {
title: {
type: String,
},
},
});
</script>
<style lang="scss" module>
.block {
padding-bottom: var(--spacing-xl);
}
.header {
padding: 0 0 var(--spacing-4xs);
border-bottom: var(--border-base);
}
.content {
padding: var(--spacing-xs) 0 0;
}
</style>