Enables the user to add raw HTML and inline CSS into the footer, Re: #28

This commit is contained in:
Alicia Sykes 2021-06-12 12:27:21 +01:00
parent 866f23d6ba
commit 6476afbfa0
2 changed files with 3 additions and 3 deletions

View File

@ -29,7 +29,7 @@ All fields are optional, unless otherwise stated.
**`title`** | `string` | Required | Your dashboard title, displayed in the header and browser tab
**`description`** | `string` | _Optional_ | Description of your dashboard, also displayed as a subtitle
**`navLinks`** | `array` | _Optional_ | Optional list of a maximum of 6 links, which will be displayed in the navigation bar. See [`navLinks`](#pageinfonavlinks-optional)
**`footerText`** | `string` | _Optional_ | Text to display in the footer (note that this will override the default footer content)
**`footerText`** | `string` | _Optional_ | Text to display in the footer (note that this will override the default footer content). This can also include HTML and inline CSS
#### `pageInfo.navLinks` _(optional)_

View File

@ -1,6 +1,6 @@
<template>
<!-- User Footer -->
<footer v-if="text && text !== ''">{{text}}</footer>
<footer v-if="text && text !== ''" v-html="text"></footer>
<!-- Default Footer -->
<footer v-else>
Developed by <a :href="authorUrl">{{authorName}}</a>.
@ -14,6 +14,7 @@
export default {
name: 'Footer',
props: {
text: String,
authorName: { type: String, default: 'Alicia Sykes' },
authorUrl: { type: String, default: 'https://aliciasykes.com' },
license: { type: String, default: 'MIT' },
@ -21,7 +22,6 @@ export default {
date: { type: String, default: `${new Date().getFullYear()}` },
showCopyright: { type: Boolean, default: true },
repoUrl: { type: String, default: 'https://github.com/lissy93/dashy' },
text: String,
},
};
</script>