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: [PATCH] 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