kopia lustrzana https://dev.funkwhale.audio/funkwhale/funkwhale
29 wiersze
570 B
Vue
29 wiersze
570 B
Vue
<template>
|
|
<span :style="defaultAvatarStyle" class="ui avatar circular label">{{ actor.preferred_username[0]}}</span>
|
|
</template>
|
|
|
|
<script>
|
|
import {hashCode, intToRGB} from '@/utils/color'
|
|
|
|
export default {
|
|
props: ['actor'],
|
|
computed: {
|
|
actorColor () {
|
|
return intToRGB(hashCode(this.actor.full_username))
|
|
},
|
|
defaultAvatarStyle () {
|
|
return {
|
|
'background-color': `#${this.actorColor}`
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss">
|
|
.ui.circular.avatar.label {
|
|
width: 28px;
|
|
height: 28px;
|
|
font-size: 1em !important;
|
|
}
|
|
</style>
|