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 | |
| 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')
| -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 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 |
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 | ||