diff options
| author | Robin Schneider <45321827+robinschneider@users.noreply.github.com> | 2021-10-07 00:15:26 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-07 00:15:26 +0200 |
| commit | 270e522e0ee2bb9bef795251796abbfc74efbef3 (patch) | |
| tree | c8a22126b6393b48b6c3bd0365befd6fd695faaf /src/components/services/Generic.vue | |
| parent | 584f2b4b32e69865d9561f1537142791710f676d (diff) | |
| parent | 220c60cba04e86e782e9610aa8ef0d77e221072c (diff) | |
| download | homer-270e522e0ee2bb9bef795251796abbfc74efbef3.tar.gz homer-270e522e0ee2bb9bef795251796abbfc74efbef3.tar.zst homer-270e522e0ee2bb9bef795251796abbfc74efbef3.zip | |
Merge branch 'bastienwirtz:main' into hotkey
Diffstat (limited to 'src/components/services/Generic.vue')
| -rw-r--r-- | src/components/services/Generic.vue | 33 |
1 files changed, 19 insertions, 14 deletions
diff --git a/src/components/services/Generic.vue b/src/components/services/Generic.vue index 08bd3f6..af65a8c 100644 --- a/src/components/services/Generic.vue +++ b/src/components/services/Generic.vue | |||
| @@ -8,22 +8,27 @@ | |||
| 8 | <a :href="item.url" :target="item.target" rel="noreferrer"> | 8 | <a :href="item.url" :target="item.target" rel="noreferrer"> |
| 9 | <div class="card-content"> | 9 | <div class="card-content"> |
| 10 | <div :class="mediaClass"> | 10 | <div :class="mediaClass"> |
| 11 | <div v-if="item.logo" class="media-left"> | 11 | <slot name="icon"> |
| 12 | <figure class="image is-48x48"> | 12 | <div v-if="item.logo" class="media-left"> |
| 13 | <img :src="item.logo" :alt="`${item.name} logo`" /> | 13 | <figure class="image is-48x48"> |
| 14 | </figure> | 14 | <img :src="item.logo" :alt="`${item.name} logo`" /> |
| 15 | </div> | 15 | </figure> |
| 16 | <div v-if="item.icon" class="media-left"> | 16 | </div> |
| 17 | <figure class="image is-48x48"> | 17 | <div v-if="item.icon" class="media-left"> |
| 18 | <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i> | 18 | <figure class="image is-48x48"> |
| 19 | </figure> | 19 | <i style="font-size: 35px" :class="['fa-fw', item.icon]"></i> |
| 20 | </div> | 20 | </figure> |
| 21 | </div> | ||
| 22 | </slot> | ||
| 21 | <div class="media-content"> | 23 | <div class="media-content"> |
| 22 | <p class="title is-4">{{ item.name }}</p> | 24 | <slot name="content"> |
| 23 | <p class="subtitle is-6" v-if="item.subtitle"> | 25 | <p class="title is-4">{{ item.name }}</p> |
| 24 | {{ item.subtitle }} | 26 | <p class="subtitle is-6" v-if="item.subtitle"> |
| 25 | </p> | 27 | {{ item.subtitle }} |
| 28 | </p> | ||
| 29 | </slot> | ||
| 26 | </div> | 30 | </div> |
| 31 | <slot name="indicator" class="indicator"></slot> | ||
| 27 | </div> | 32 | </div> |
| 28 | <div class="tag" :class="item.tagstyle" v-if="item.tag"> | 33 | <div class="tag" :class="item.tagstyle" v-if="item.tag"> |
| 29 | <strong class="tag-text">#{{ item.tag }}</strong> | 34 | <strong class="tag-text">#{{ item.tag }}</strong> |