diff options
| author | Gaëtan Caillaut <gcaillaut@protonmail.com> | 2021-03-06 13:56:44 +0100 |
|---|---|---|
| committer | Gaëtan Caillaut <gcaillaut@protonmail.com> | 2021-03-06 13:56:44 +0100 |
| commit | 42477020cfed6d6dc035af4686f1802cf6b55024 (patch) | |
| tree | f52eb8e4e3b798a77f0dce5adaf062dfa640be1d /src | |
| parent | cc7ff885527283d97f32347210b0370e8477c4ff (diff) | |
| download | homer-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.vue | 10 | ||||
| -rw-r--r-- | src/assets/app.scss | 4 |
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 | ||