diff options
-rw-r--r-- | src/App.vue | 10 | ||||
-rw-r--r-- | src/assets/app.scss | 4 |
2 files changed, 14 insertions, 0 deletions
diff --git a/src/App.vue b/src/App.vue index dc473ca..486ef03 100644 --- a/src/App.vue +++ b/src/App.vue | |||
@@ -62,6 +62,11 @@ | |||
62 | <template v-for="group in services"> | 62 | <template v-for="group in services"> |
63 | <h2 v-if="group.name" class="column is-full group-title"> | 63 | <h2 v-if="group.name" class="column is-full group-title"> |
64 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> | 64 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> |
65 | <div v-else-if="group.logo" class="group-logo media-left"> | ||
66 | <figure class="image is-48x48"> | ||
67 | <img :src="group.logo" :alt="`${group.name} logo`" /> | ||
68 | </figure> | ||
69 | </div> | ||
65 | {{ group.name }} | 70 | {{ group.name }} |
66 | </h2> | 71 | </h2> |
67 | <Service | 72 | <Service |
@@ -85,6 +90,11 @@ | |||
85 | > | 90 | > |
86 | <h2 v-if="group.name" class="group-title"> | 91 | <h2 v-if="group.name" class="group-title"> |
87 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> | 92 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> |
93 | <div v-else-if="group.logo" class="group-logo media-left"> | ||
94 | <figure class="image is-48x48"> | ||
95 | <img :src="group.logo" :alt="`${group.name} logo`" /> | ||
96 | </figure> | ||
97 | </div> | ||
88 | {{ group.name }} | 98 | {{ group.name }} |
89 | </h2> | 99 | </h2> |
90 | <Service | 100 | <Service |
diff --git a/src/assets/app.scss b/src/assets/app.scss index d602170..48c60ae 100644 --- a/src/assets/app.scss +++ b/src/assets/app.scss | |||
@@ -345,3 +345,7 @@ body { | |||
345 | } | 345 | } |
346 | } | 346 | } |
347 | } | 347 | } |
348 | |||
349 | .group-logo { | ||
350 | float: left; | ||
351 | } \ No newline at end of file | ||