diff options
author | Bastien Wirtz <bastien.wirtz@gmail.com> | 2021-03-08 22:25:35 -0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-08 22:25:35 -0800 |
commit | 66eace9e95d1962b437154b95e8f206d0da658ec (patch) | |
tree | 7b8468c44a5228fd24ac3c7ec955b73c8c432ca2 /src/App.vue | |
parent | ba07da6b1011e77c9ed42e8643e62b903c6c6d7b (diff) | |
parent | 8e0933137919ef7703a6e82fe17f7a258587e18c (diff) | |
download | homer-66eace9e95d1962b437154b95e8f206d0da658ec.tar.gz homer-66eace9e95d1962b437154b95e8f206d0da658ec.tar.zst homer-66eace9e95d1962b437154b95e8f206d0da658ec.zip |
Merge pull request #196 from GaaH/use-logo-in-groups
Use logo in groups
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/src/App.vue b/src/App.vue index aff340c..1f4f509 100644 --- a/src/App.vue +++ b/src/App.vue | |||
@@ -64,6 +64,11 @@ | |||
64 | <template v-for="group in services"> | 64 | <template v-for="group in services"> |
65 | <h2 v-if="group.name" class="column is-full group-title"> | 65 | <h2 v-if="group.name" class="column is-full group-title"> |
66 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> | 66 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> |
67 | <div v-else-if="group.logo" class="group-logo media-left"> | ||
68 | <figure class="image is-48x48"> | ||
69 | <img :src="group.logo" :alt="`${group.name} logo`" /> | ||
70 | </figure> | ||
71 | </div> | ||
67 | {{ group.name }} | 72 | {{ group.name }} |
68 | </h2> | 73 | </h2> |
69 | <Service | 74 | <Service |
@@ -87,6 +92,11 @@ | |||
87 | > | 92 | > |
88 | <h2 v-if="group.name" class="group-title"> | 93 | <h2 v-if="group.name" class="group-title"> |
89 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> | 94 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> |
95 | <div v-else-if="group.logo" class="group-logo media-left"> | ||
96 | <figure class="image is-48x48"> | ||
97 | <img :src="group.logo" :alt="`${group.name} logo`" /> | ||
98 | </figure> | ||
99 | </div> | ||
90 | {{ group.name }} | 100 | {{ group.name }} |
91 | </h2> | 101 | </h2> |
92 | <Service | 102 | <Service |