title: "App dashboard"
subtitle: "Homer"
-logo: "assets/homer.png"
+logo: "assets/logo.png"
# Alternatively a fa icon can be provided:
# icon: "fas fa-skull-crossbones"
/* Custom card colors */
/* Use with `class:` property of services in config.yml */
-body #app .card .green
-{
+body #app .card.green {
background-color: #006600;
color: #00ff00;
}
this.services = this.config.services;
document.title = `${this.config.title} | ${this.config.subtitle}`;
if (this.config.stylesheet) {
- let stylesheet = '';
+ let stylesheet = "";
for (const file of this.config.stylesheet) {
stylesheet += `@import "${file}";`;
}
},
};
},
- createStylesheet: function(css) {
- let style = document.createElement('style');
+ createStylesheet: function (css) {
+ let style = document.createElement("style");
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);
},
<template>
<div>
- <div class="card">
+ <div class="card" :class="item.class">
<a :href="item.url" :target="item.target" rel="noreferrer">
- <div
- class="card-content"
- :class="item.class"
- >
+ <div class="card-content">
<div class="media">
<div v-if="item.logo" class="media-left">
<figure class="image is-48x48">
</figure>
</div>
<div class="media-content">
- <p
- class="title is-4"
- :class="item.class"
- >{{ item.name }}</p>
- <p
- class="subtitle is-6"
- :class="item.class"
- >{{ item.subtitle }}</p>
+ <p class="title is-4">{{ item.name }}</p>
+ <p class="subtitle is-6">{{ item.subtitle }}</p>
</div>
</div>
<div class="tag" :class="item.tagstyle" v-if="item.tag">