aboutsummaryrefslogtreecommitdiffhomepage
path: root/src
diff options
context:
space:
mode:
authorGaëtan Caillaut <gcaillaut@protonmail.com>2021-03-06 13:56:44 +0100
committerGaëtan Caillaut <gcaillaut@protonmail.com>2021-03-06 13:56:44 +0100
commit42477020cfed6d6dc035af4686f1802cf6b55024 (patch)
treef52eb8e4e3b798a77f0dce5adaf062dfa640be1d /src
parentcc7ff885527283d97f32347210b0370e8477c4ff (diff)
downloadhomer-42477020cfed6d6dc035af4686f1802cf6b55024.tar.gz
homer-42477020cfed6d6dc035af4686f1802cf6b55024.tar.zst
homer-42477020cfed6d6dc035af4686f1802cf6b55024.zip
add option to use logo instead of icons in groups
Diffstat (limited to 'src')
-rw-r--r--src/App.vue10
-rw-r--r--src/assets/app.scss4
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