From 42477020cfed6d6dc035af4686f1802cf6b55024 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Caillaut?= <gcaillaut@protonmail.com>
Date: Sat, 6 Mar 2021 13:56:44 +0100
Subject: add option to use logo instead of icons in groups

---
 src/App.vue         | 10 ++++++++++
 src/assets/app.scss |  4 ++++
 2 files changed, 14 insertions(+)

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 @@
             <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 d602170..48c60ae 100644
--- 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
-- 
cgit v1.2.3


From 8e0933137919ef7703a6e82fe17f7a258587e18c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Caillaut?= <gcaillaut@protonmail.com>
Date: Sat, 6 Mar 2021 14:03:40 +0100
Subject: documenting logo in groups

---
 docs/configuration.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/configuration.md b/docs/configuration.md
index 5785e56..3ff49fa 100644
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -99,6 +99,8 @@ links:
 services:
   - name: "Application"
     icon: "fas fa-code-branch"
+    # A path to an image can also be provided. Note that icon take precedence if both icon and logo are set.
+    # logo: "path/to/logo"
     items:
       - name: "Awesome app"
         logo: "assets/tools/sample.png"
-- 
cgit v1.2.3