holm/homer
1
0
Fork 0
forked from extern/homer
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🔧 Make stylesheet config be an array of files

Browse Source
This commit is contained in:
Gabe Cook 2020-08-29 02:43:02 -05:00
parent 71cf63eb3b
commit 8e5ee54a78
No known key found for this signature in database
GPG Key ID: 3197318BDE319B8D
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/configuration.md
View File

@ -27,8 +27,9 @@ connectivityCheck: true # whether you want to display a message when the apps ar
theme: default # 'default' or one of the theme available in 'src/assets/themes'. theme: default # 'default' or one of the theme available in 'src/assets/themes'.
# Optional custom stylesheet # Optional custom stylesheet
# Will load a custom CSS file. Especially useful for custom icon sets. # Will load custom CSS files. Especially useful for custom icon sets.
# stylesheet: "assets/custom.css" # stylesheet:
# - "assets/custom.css"
# Here is the exaustive list of customization parameters # Here is the exaustive list of customization parameters
# However all value are optional and will fallback to default if not set. # However all value are optional and will fallback to default if not set.

6
src/App.vue
View File

@ -161,7 +161,11 @@ export default {
this.services = this.config.services; this.services = this.config.services;
document.title = `${this.config.title} | ${this.config.subtitle}`; document.title = `${this.config.title} | ${this.config.subtitle}`;
if (this.config.stylesheet) { if (this.config.stylesheet) {
this.createStylesheet(`@import "${this.config.stylesheet}";`); let stylesheet = '';
for (const file of this.config.stylesheet) {
stylesheet += `@import "${file}";`;
}
this.createStylesheet(stylesheet);
} }
}, },
methods: { methods: {