nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-25 02:10:39 +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/TeamList.vue
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="member-preview">
<div class="avatar">
<img v-if="entry.avatar" :src="entry.avatar" alt="avatar">
<TypedAvatar v-else :size="38" :letter="entry.email.substr(0, 1)" />
<TypedAvatar v-else :size="38" :letter="entry.email.substr(0, 1)" :color="entry.color"/>
</div>
<div v-if="entry.type === 'member'" class="info">
<b class="title">{{ entry.name }}</b>
resources/js/components/Teams/Components/TeamMembersButton.vue
+1 -1
View File
@@ -32,7 +32,7 @@
width: 107px;
.widget {
justify-content: flex-end;
justify-content: center;
}
}
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>