diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/App.vue | 6 | ||||
-rw-r--r-- | src/components/Service.vue | 17 |
2 files changed, 7 insertions, 16 deletions
diff --git a/src/App.vue b/src/App.vue index 03760fd..eb132d0 100644 --- a/src/App.vue +++ b/src/App.vue | |||
@@ -161,7 +161,7 @@ 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 | let stylesheet = ''; | 164 | let stylesheet = ""; |
165 | for (const file of this.config.stylesheet) { | 165 | for (const file of this.config.stylesheet) { |
166 | stylesheet += `@import "${file}";`; | 166 | stylesheet += `@import "${file}";`; |
167 | } | 167 | } |
@@ -242,8 +242,8 @@ export default { | |||
242 | }, | 242 | }, |
243 | }; | 243 | }; |
244 | }, | 244 | }, |
245 | createStylesheet: function(css) { | 245 | createStylesheet: function (css) { |
246 | let style = document.createElement('style'); | 246 | let style = document.createElement("style"); |
247 | style.appendChild(document.createTextNode(css)); | 247 | style.appendChild(document.createTextNode(css)); |
248 | document.head.appendChild(style); | 248 | document.head.appendChild(style); |
249 | }, | 249 | }, |
diff --git a/src/components/Service.vue b/src/components/Service.vue index 4e35b7d..59fdf17 100644 --- a/src/components/Service.vue +++ b/src/components/Service.vue | |||
@@ -1,11 +1,8 @@ | |||
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <div class="card"> | 3 | <div class="card" :class="item.class"> |
4 | <a :href="item.url" :target="item.target" rel="noreferrer"> | 4 | <a :href="item.url" :target="item.target" rel="noreferrer"> |
5 | <div | 5 | <div class="card-content"> |
6 | class="card-content" | ||
7 | :class="item.class" | ||
8 | > | ||
9 | <div class="media"> | 6 | <div class="media"> |
10 | <div v-if="item.logo" class="media-left"> | 7 | <div v-if="item.logo" class="media-left"> |
11 | <figure class="image is-48x48"> | 8 | <figure class="image is-48x48"> |
@@ -18,14 +15,8 @@ | |||
18 | </figure> | 15 | </figure> |
19 | </div> | 16 | </div> |
20 | <div class="media-content"> | 17 | <div class="media-content"> |
21 | <p | 18 | <p class="title is-4">{{ item.name }}</p> |
22 | class="title is-4" | 19 | <p class="subtitle is-6">{{ item.subtitle }}</p> |
23 | :class="item.class" | ||
24 | >{{ item.name }}</p> | ||
25 | <p | ||
26 | class="subtitle is-6" | ||
27 | :class="item.class" | ||
28 | >{{ item.subtitle }}</p> | ||
29 | </div> | 20 | </div> |
30 | </div> | 21 | </div> |
31 | <div class="tag" :class="item.tagstyle" v-if="item.tag"> | 22 | <div class="tag" :class="item.tagstyle" v-if="item.tag"> |