mirror of
https://github.com/taigrr/homer
synced 2025-01-18 04:53:12 -08:00
50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<div class="card">
|
|
<a :href="item.url" :target="item.target" rel="noreferrer">
|
|
<div
|
|
class="card-content"
|
|
:class="item.class"
|
|
>
|
|
<div class="media">
|
|
<div v-if="item.logo" class="media-left">
|
|
<figure class="image is-48x48">
|
|
<img :src="item.logo" :alt="`${item.name} logo`" />
|
|
</figure>
|
|
</div>
|
|
<div v-if="item.icon" class="media-left">
|
|
<figure class="image is-48x48">
|
|
<i style="font-size: 35px;" :class="['fa-fw', item.icon]"></i>
|
|
</figure>
|
|
</div>
|
|
<div class="media-content">
|
|
<p
|
|
class="title is-4"
|
|
:class="item.class"
|
|
>{{ item.name }}</p>
|
|
<p
|
|
class="subtitle is-6"
|
|
:class="item.class"
|
|
>{{ item.subtitle }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="tag" :class="item.tagstyle" v-if="item.tag">
|
|
<strong class="tag-text">#{{ item.tag }}</strong>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Service",
|
|
props: {
|
|
item: Object,
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|