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

fixes

Browse Source
This commit is contained in:
Čarodej
2021-10-26 07:56:57 +02:00
parent 54af098148
commit 6ef50978d5
8 changed files with 102 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/js/components/FilesView/MemberAvatar.vue
View File

@@ -11,10 +11,10 @@
<div
v-else
class="flex items-center justify-center"
:class="[borderRadius, {'border-3 border-white': isBorder}]"
:class="[borderRadius, {'border-3 border-white dark:border-dark-background': isBorder}]"
:style="{width: size + 'px', height: size + 'px', background: member.data.attributes.color ? member.data.attributes.color : '#f4f5f6'}"
>
<span :class="fontSize" class="uppercase font-extrabold">
<span :class="fontSize" class="uppercase font-extrabold text-gray-900">
{{ letter }}
</span>
</div>
@@ -31,13 +31,24 @@
],
computed: {
letter() {
return this.member.data.attributes.name.substr(0, 1)
let string = this.member.data.attributes.name
? this.member.data.attributes.name
: this.member.data.attributes.email
return string.substr(0, 1)
},
borderRadius() {
return this.size > 32 ? 'rounded-xl' : 'rounded-lg'
},
fontSize() {
return this.size > 32 ? 'text-base' : 'text-sm'
if (this.size > 42) {
return 'text-lg'
} else if (this.size > 32) {
return 'text-base'
} else {
return 'text-sm'
}
},
}
}