# Pull Request Template ## Description This PR updates settings page UI ## Type of change - [x] New feature (non-breaking change which adds functionality) ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [x] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules
29 lines
572 B
Vue
29 lines
572 B
Vue
<script>
|
|
export default {
|
|
props: {
|
|
headerTitle: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
headerContent: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="border-b border-solid border-n-weak/60">
|
|
<div class="max-w-7xl w-full mx-auto pt-4 pb-0 px-6">
|
|
<h2 class="text-2xl text-n-slate-12 mb-1 font-medium">
|
|
{{ headerTitle }}
|
|
</h2>
|
|
<p v-if="headerContent" class="w-full text-n-slate-11 text-sm mb-2">
|
|
{{ headerContent }}
|
|
</p>
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</template>
|