Files
vuefilemanager/resources/js/components/FilesView/MemberAvatar.vue
2021-10-25 09:02:00 +02:00

32 lines
596 B
Vue

<template>
<div class="user-preview">
<img
:style="{width: size + 'px', height: size + 'px'}"
v-if="member.data.attributes.avatar"
:src="member.data.attributes.avatar"
:alt="member.data.attributes.name"
class="rounded-lg"
>
<TypedAvatar
v-else
:size="size"
:letter="member.data.attributes.name.substr(0, 1)"
:color="member.data.attributes.color"
/>
</div>
</template>
<script>
import TypedAvatar from "../Others/TypedAvatar"
export default {
name: 'MemberAvatar',
props: [
'member',
'size',
],
components: {
TypedAvatar,
},
}
</script>