diff options
Diffstat (limited to 'src/site/components/settings/JoiObject.vue')
| -rw-r--r-- | src/site/components/settings/JoiObject.vue | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/src/site/components/settings/JoiObject.vue b/src/site/components/settings/JoiObject.vue index 8d3a803..99e832f 100644 --- a/src/site/components/settings/JoiObject.vue +++ b/src/site/components/settings/JoiObject.vue @@ -3,7 +3,7 @@ <div v-for="[key, field] in Object.entries(settings)" :key="key"> <b-field :label="field.flags.label" - :message="getErrorMessage(key) || field.flags.description" + :message="getErrorMessage(key) || field | getMessage" :type="getValidationType(key)" class="field" horizontal> @@ -53,6 +53,15 @@ <script> export default { name: 'JoiObject', + filters: { + getMessage: function(field) { + let msg = field.flags.description; + if (field.notes?.length) { + msg += field.notes.map(note => `\n${note}`); + } + return msg; + } + }, props: { settings: { type: Object, @@ -128,7 +137,8 @@ export default { .field { margin-bottom: 1em; - ::v-deep .help.is-danger { + ::v-deep .help { + font-size: 12px; white-space: pre-line; } } |