mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-30 03:25:59 +00:00
added file owner into file detail panel
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
<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="user-image"
|
||||
>
|
||||
<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>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
.user-image {
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user