nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-26 18:30:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

TypedAvatar.vue colored background

Browse Source
This commit is contained in:
Peter Papp
2021-08-31 09:52:22 +02:00
parent ac62a432fe
commit f44e262d6e
26 changed files with 115 additions and 524 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Teams/Components/TeamMembersPreview.vue
+3 -3
View File
@@ -1,12 +1,12 @@
<template>
<div class="team-folder">
<span v-if="limit" class="member-count">
{{ membersCount > 3 ? '3+' : membersCount }}
<span v-if="limit && membersCount > 3" class="member-count">
3+
</span>
<div class="members">
<div v-for="member in members" :key="member.data.id" :title="member.data.attributes.email" class="member-preview">
<img v-if="member.data.attributes.avatar" :src="member.data.attributes.avatar" class="member" alt="avatar">
<TypedAvatar v-else :size="avatarSize" :letter="member.data.attributes.email.substr(0, 1)" />
<TypedAvatar v-else :size="avatarSize" :letter="member.data.attributes.email.substr(0, 1)" :color="member.data.attributes.color" />
</div>
</div>
</div>