IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

settings b-avatar to vue-avatar

Browse Source
This commit is contained in:
ogerly 2022-12-19 14:13:09 +01:00
parent 256bd0231e
commit c36cc696ef
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/UserSettings/UserCard.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="userdata-card">
<b-card class="bg-transparent border-0">
<div class="text-center">
<b-avatar button variant="gradido" :text="avatar" size="6rem"></b-avatar>
<b-card class="border-0">
<div class="justify-content-center">
<avatar :username="username" :color="'#fff'" :size="90"></avatar>
</div>
<b-container class="justify-content-center mt-md-5">
@ -33,10 +33,14 @@
</div>
</template>
<script>
import Avatar from 'vue-avatar'
import CONFIG from '@/config'
export default {
name: 'UserCard',
components: {
Avatar,
},
props: {
balance: { type: Number, default: 0 },
transactionCount: { type: Number, default: 0 },
@ -47,8 +51,8 @@ export default {
}
},
computed: {
avatar() {
return `${this.$store.state.firstName[0]} ${this.$store.state.lastName[0]}`
username() {
return `${this.$store.state.firstName} ${this.$store.state.lastName}`
},
},
}