diff options
author | Gabe Cook <gabe565@gmail.com> | 2020-08-29 02:43:02 -0500 |
---|---|---|
committer | Gabe Cook <gabe565@gmail.com> | 2020-08-29 02:43:02 -0500 |
commit | 8e5ee54a7896ac8db720093f30cab8e7a0fddda1 (patch) | |
tree | 7fe075749353683e966a87c0db4ba24294ff1f8d | |
parent | 71cf63eb3bdeeced46e7eec4d62ef8cc4ca38800 (diff) | |
download | homer-8e5ee54a7896ac8db720093f30cab8e7a0fddda1.tar.gz homer-8e5ee54a7896ac8db720093f30cab8e7a0fddda1.tar.zst homer-8e5ee54a7896ac8db720093f30cab8e7a0fddda1.zip |
:wrench: Make stylesheet config be an array of files
-rw-r--r-- | docs/configuration.md | 5 | ||||
-rw-r--r-- | src/App.vue | 6 |
2 files changed, 8 insertions, 3 deletions
diff --git a/docs/configuration.md b/docs/configuration.md index f0b0a31..edcf1ed 100644 --- a/docs/configuration.md +++ b/docs/configuration.md | |||
@@ -27,8 +27,9 @@ connectivityCheck: true # whether you want to display a message when the apps ar | |||
27 | theme: default # 'default' or one of the theme available in 'src/assets/themes'. | 27 | theme: default # 'default' or one of the theme available in 'src/assets/themes'. |
28 | 28 | ||
29 | # Optional custom stylesheet | 29 | # Optional custom stylesheet |
30 | # Will load a custom CSS file. Especially useful for custom icon sets. | 30 | # Will load custom CSS files. Especially useful for custom icon sets. |
31 | # stylesheet: "assets/custom.css" | 31 | # stylesheet: |
32 | # - "assets/custom.css" | ||
32 | 33 | ||
33 | # Here is the exaustive list of customization parameters | 34 | # Here is the exaustive list of customization parameters |
34 | # However all value are optional and will fallback to default if not set. | 35 | # However all value are optional and will fallback to default if not set. |
diff --git a/src/App.vue b/src/App.vue index 272b3f6..03760fd 100644 --- a/src/App.vue +++ b/src/App.vue | |||
@@ -161,7 +161,11 @@ export default { | |||
161 | this.services = this.config.services; | 161 | this.services = this.config.services; |
162 | document.title = `${this.config.title} | ${this.config.subtitle}`; | 162 | document.title = `${this.config.title} | ${this.config.subtitle}`; |
163 | if (this.config.stylesheet) { | 163 | if (this.config.stylesheet) { |
164 | this.createStylesheet(`@import "${this.config.stylesheet}";`); | 164 | let stylesheet = ''; |
165 | for (const file of this.config.stylesheet) { | ||
166 | stylesheet += `@import "${file}";`; | ||
167 | } | ||
168 | this.createStylesheet(stylesheet); | ||
165 | } | 169 | } |
166 | }, | 170 | }, |
167 | methods: { | 171 | methods: { |