1
0
Fork 0
mirror of https://github.com/bastienwirtz/homer.git synced 2026-07-25 08:54:09 +00:00
homer/src/components/GroupHeader.vue
2026-05-20 08:09:33 +02:00

26 lines
559 B
Vue

<template>
<h2 :class="group.class">
<i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
<div v-else-if="group.logo" class="group-logo media-left">
<figure
class="image"
style="width: var(--density-icon-box); height: var(--density-icon-box);"
>
<img :src="group.logo" :alt="`${group.name} logo`" />
</figure>
</div>
{{ group.name }}
</h2>
</template>
<script>
export default {
name: "GroupHeader",
props: {
group: {
type: Object,
required: true,
},
},
};
</script>