add option to use logo instead of icons in groups

diff --git a/src/App.vue b/src/App.vue
index dc473cacf406671d4f3f38c15179cc6337163746..486ef036d30696eae1698c27f29b86a8751f2395 100644 (file)
--- a/src/App.vue
+++ b/src/App.vue
@@ -62,6 +62,11 @@
             <template v-for="group in services">
               <h2 v-if="group.name" class="column is-full group-title">
                 <i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
+                <div v-else-if="group.logo" class="group-logo media-left">
+                  <figure class="image is-48x48">
+                    <img :src="group.logo" :alt="`${group.name} logo`" />
+                  </figure>
+                </div>
                 {{ group.name }}
               </h2>
               <Service
@@ -85,6 +90,11 @@
             >
               <h2 v-if="group.name" class="group-title">
                 <i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
+                <div v-else-if="group.logo" class="group-logo media-left">
+                  <figure class="image is-48x48">
+                    <img :src="group.logo" :alt="`${group.name} logo`" />
+                  </figure>
+                </div>
                 {{ group.name }}
               </h2>
               <Service

diff --git a/src/assets/app.scss b/src/assets/app.scss
index d602170346f019d5e218adcf5e5d41cbb644c67c..48c60aec329a84d3e6a5b5baa7cc681aa9c7a0fc 100644 (file)
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -345,3 +345,7 @@ body {
     }
   }
 }
+
+.group-logo {
+  float: left;
+}
\ No newline at end of file