extern/homer
1
0
Fork 1
mirror of https://github.com/bastienwirtz/homer.git synced 2025-01-29 17:28:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

add option to use logo instead of icons in groups

Browse Source
This commit is contained in:
Gaëtan Caillaut 2021-03-06 13:56:44 +01:00
parent cc7ff88552
commit 42477020cf
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.vue
View File

@ -62,6 +62,11 @@
<template v-for="group in services"> <template v-for="group in services">
<h2 v-if="group.name" class="column is-full group-title"> <h2 v-if="group.name" class="column is-full group-title">
<i v-if="group.icon" :class="['fa-fw', group.icon]"></i> <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 }} {{ group.name }}
</h2> </h2>
<Service <Service
@ -85,6 +90,11 @@
> >
<h2 v-if="group.name" class="group-title"> <h2 v-if="group.name" class="group-title">
<i v-if="group.icon" :class="['fa-fw', group.icon]"></i> <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 }} {{ group.name }}
</h2> </h2>
<Service <Service

4
src/assets/app.scss
View File

@ -345,3 +345,7 @@ body {
} }
} }
} }
.group-logo {
float: left;
}