aboutsummaryrefslogtreecommitdiffhomepage
path: root/src
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2021-03-08 22:25:35 -0800
committerGitHub <noreply@github.com>2021-03-08 22:25:35 -0800
commit66eace9e95d1962b437154b95e8f206d0da658ec (patch)
tree7b8468c44a5228fd24ac3c7ec955b73c8c432ca2 /src
parentba07da6b1011e77c9ed42e8643e62b903c6c6d7b (diff)
parent8e0933137919ef7703a6e82fe17f7a258587e18c (diff)
downloadhomer-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.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 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